← Back to Editor

#1B0452 · #520446 · #780066 · #CF0086 · #FF0066

sunset

A 5-color sunset palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#1B0452

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#1B0452
RGB
rgb(27, 4, 82)
HSL
hsl(258, 91%, 17%)
HSB
hsb(258, 95%, 32%)
CMYK
cmyk(67%, 95%, 0%, 68%)
Oklch
oklch(22.6% 0.125 284.2)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#520446

Rose Purple · MidnightBlue · Dark Purple

HEX
#520446
RGB
rgb(82, 4, 70)
HSL
hsl(309, 91%, 17%)
HSB
hsb(309, 95%, 32%)
CMYK
cmyk(0%, 95%, 15%, 68%)
Oklch
oklch(30.3% 0.128 336.1)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#780066

Rose Purple · Purple · Eggplant

HEX
#780066
RGB
rgb(120, 0, 102)
HSL
hsl(309, 100%, 24%)
HSB
hsb(309, 100%, 47%)
CMYK
cmyk(0%, 100%, 15%, 53%)
Oklch
oklch(39.0% 0.172 336.6)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#CF0086

Rose Purple · MediumVioletRed · Camellia

HEX
#CF0086
RGB
rgb(207, 0, 134)
HSL
hsl(321, 100%, 41%)
HSB
hsb(321, 100%, 81%)
CMYK
cmyk(0%, 100%, 35%, 19%)
Oklch
oklch(56.2% 0.234 350.8)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#FF0066

Dark Violet · DeepPink · Camellia

HEX
#FF0066
RGB
rgb(255, 0, 102)
HSL
hsl(336, 100%, 50%)
HSB
hsb(336, 100%, 100%)
CMYK
cmyk(0%, 100%, 60%, 0%)
Oklch
oklch(63.9% 0.255 10.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1B0452
3B5304

Analogous

041453
1B0452
430453

Triadic

1B0452
531C04
04531C

Split-Comp.

1B0452
534304
145304

Tetradic

1B0452
530414
3B5304
045343

Contrast Matrix WCAG 2.1 Contrast

1B0452
520446
780066
CF0086
FF0066
—
1.2
Fail
1.7
Fail
3.4
AA Large
4.6
AA
1.2
Fail
—
1.4
Fail
2.7
Fail
3.7
AA Large
1.7
Fail
1.4
Fail
—
2.0
Fail
2.7
Fail
3.4
AA Large
2.7
Fail
2.0
Fail
—
1.4
Fail
4.6
AA
3.7
AA Large
2.7
Fail
1.4
Fail
—
White BG
17.7AAA
14.3AAA
10.6AAA
5.3AA
3.9AA Large
Black BG
1.2Fail
1.5Fail
2.0Fail
4.0AA Large
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

11113F
303036
44434D
757466
918E4D

Deuteranopia

12143B
353B32
4B5447
81915E
9FB347

Tritanopia

1A302D
4E2927
723A36
C54C46
F23A36

Achromatopsia

141414
232323
303030
4D4D4D
585858

Shades & Tints Shades & Tints

#1B0452

Dark
Light

#520446

Dark
Light

#780066

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1b0452;
  --color-2: #520446;
  --color-3: #780066;
  --color-4: #cf0086;
  --color-5: #ff0066;
}

SCSS

$color-1: #1b0452;
$color-2: #520446;
$color-3: #780066;
$color-4: #cf0086;
$color-5: #ff0066;

TAILWIND

colors: {
  'brand-1': '#1b0452',
  'brand-2': '#520446',
  'brand-3': '#780066',
  'brand-4': '#cf0086',
  'brand-5': '#ff0066',
}

RGB Array

[27, 4, 82], [82, 4, 70], [120, 0, 102], [207, 0, 134], [255, 0, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #1B0452, #520446, #780066, #CF0086, #FF0066 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #1b0452; --color-2: #520446; --color-3: #780066; --color-4: #cf0086; --color-5: #ff0066. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This sunset-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color