← Back to Editor

#230C24 · #4F072E · #7D2529 · #AD4B2B · #D68B41

sunset

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#230C24

Dark Plum · Black · Dark Purple

HEX
#230C24
RGB
rgb(35, 12, 36)
HSL
hsl(298, 50%, 9%)
HSB
hsb(298, 67%, 14%)
CMYK
cmyk(3%, 67%, 0%, 86%)
Oklch
oklch(20.3% 0.056 325.8)

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

#4F072E

Rose Purple · Maroon · Raspberry

HEX
#4F072E
RGB
rgb(79, 7, 46)
HSL
hsl(328, 84%, 17%)
HSB
hsb(328, 91%, 31%)
CMYK
cmyk(0%, 91%, 42%, 69%)
Oklch
oklch(28.6% 0.108 354.0)

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

#7D2529

Crimson · Brown · Wine Red

HEX
#7D2529
RGB
rgb(125, 37, 41)
HSL
hsl(357, 54%, 32%)
HSB
hsb(357, 70%, 49%)
CMYK
cmyk(0%, 70%, 67%, 51%)
Oklch
oklch(40.3% 0.121 22.0)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#AD4B2B

Tangerine · Sienna · Amber Brown

HEX
#AD4B2B
RGB
rgb(173, 75, 43)
HSL
hsl(15, 60%, 42%)
HSB
hsb(15, 75%, 68%)
CMYK
cmyk(0%, 57%, 75%, 32%)
Oklch
oklch(53.5% 0.137 38.3)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#D68B41

Ginger · GoldenRod · Warm Sun

HEX
#D68B41
RGB
rgb(214, 139, 65)
HSL
hsl(30, 65%, 55%)
HSB
hsb(30, 70%, 84%)
CMYK
cmyk(0%, 35%, 70%, 16%)
Oklch
oklch(70.0% 0.127 62.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

230C24
0C220B

Analogous

160B22
230C24
220B18

Triadic

230C24
22220B
0B2222

Split-Comp.

230C24
18220B
0B2216

Tetradic

230C24
22160B
0C220B
0B1822

Contrast Matrix WCAG 2.1 Contrast

230C24
4F072E
7D2529
AD4B2B
D68B41
—
1.2
Fail
1.9
Fail
3.3
AA Large
6.6
AA
1.2
Fail
—
1.5
Fail
2.7
Fail
5.4
AA
1.9
Fail
1.5
Fail
—
1.8
Fail
3.5
AA Large
3.3
AA Large
2.7
Fail
1.8
Fail
—
2.0
Fail
6.6
AA
5.4
AA
3.5
AA Large
2.0
Fail
—
White BG
18.3AAA
15.0AAA
9.7AAA
5.5AA
2.8Fail
Black BG
1.1Fail
1.4Fail
2.2Fail
3.8AA Large
7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

19191E
302F25
575628
838233
B6B553

Deuteranopia

1A1C1D
343922
5C6328
889035
BABF57

Tritanopia

221A19
4B1D1B
792727
A8393A
D26164

Achromatopsia

161616
212121
404040
656565
999999

Shades & Tints Shades & Tints

#230C24

Dark
Light

#4F072E

Dark
Light

#7D2529

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #230c24;
  --color-2: #4f072e;
  --color-3: #7d2529;
  --color-4: #ad4b2b;
  --color-5: #d68b41;
}

SCSS

$color-1: #230c24;
$color-2: #4f072e;
$color-3: #7d2529;
$color-4: #ad4b2b;
$color-5: #d68b41;

TAILWIND

colors: {
  'brand-1': '#230c24',
  'brand-2': '#4f072e',
  'brand-3': '#7d2529',
  'brand-4': '#ad4b2b',
  'brand-5': '#d68b41',
}

RGB Array

[35, 12, 36], [79, 7, 46], [125, 37, 41], [173, 75, 43], [214, 139, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #230C24, #4F072E, #7D2529, #AD4B2B, #D68B41 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #230c24; --color-2: #4f072e; --color-3: #7d2529; --color-4: #ad4b2b; --color-5: #d68b41. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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