← Back to Editor

#240C09 · #E63D65 · #079396 · #FFAA00 · #B5CF36

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#240C09

Crimson · Black · Deep Berry

HEX
#240C09
RGB
rgb(36, 12, 9)
HSL
hsl(7, 60%, 9%)
HSB
hsb(7, 75%, 14%)
CMYK
cmyk(0%, 67%, 75%, 86%)
Oklch
oklch(19.2% 0.042 28.9)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#E63D65

Vermilion · Tomato · Passion Red

HEX
#E63D65
RGB
rgb(230, 61, 101)
HSL
hsl(346, 77%, 57%)
HSB
hsb(346, 73%, 90%)
CMYK
cmyk(0%, 73%, 56%, 10%)
Oklch
oklch(62.1% 0.205 12.0)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#079396

Lake Blue · Teal · Mint Ice

HEX
#079396
RGB
rgb(7, 147, 150)
HSL
hsl(181, 91%, 31%)
HSB
hsb(181, 95%, 59%)
CMYK
cmyk(95%, 2%, 0%, 41%)
Oklch
oklch(60.2% 0.101 197.4)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#FFAA00

Ochre · Orange · Honey Gold

HEX
#FFAA00
RGB
rgb(255, 170, 0)
HSL
hsl(40, 100%, 50%)
HSB
hsb(40, 100%, 100%)
CMYK
cmyk(0%, 33%, 100%, 0%)
Oklch
oklch(80.2% 0.171 73.3)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#B5CF36

Grass Green · GreenYellow · Olive Green

HEX
#B5CF36
RGB
rgb(181, 207, 54)
HSL
hsl(70, 61%, 51%)
HSB
hsb(70, 74%, 81%)
CMYK
cmyk(13%, 0%, 74%, 19%)
Oklch
oklch(80.8% 0.172 119.0)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

240C09
092225

Analogous

250914
240C09
251A09

Triadic

240C09
09250C
0C0925

Split-Comp.

240C09
09251A
091425

Tetradic

240C09
142509
092225
1A0925

Contrast Matrix WCAG 2.1 Contrast

240C09
E63D65
079396
FFAA00
B5CF36
—
4.6
AA
5.0
AA
9.7
AAA
10.6
AAA
4.6
AA
—
1.1
Fail
2.1
Fail
2.3
Fail
5.0
AA
1.1
Fail
—
2.0
Fail
2.1
Fail
9.7
AAA
2.1
Fail
2.0
Fail
—
1.1
Fail
10.6
AAA
2.3
Fail
2.1
Fail
1.1
Fail
—
White BG
18.6AAA
4.0AA Large
3.7AA Large
1.9Fail
1.8Fail
Black BG
1.1Fail
5.2AA
5.6AA
11.0AAA
11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1A190A
9D9B5B
444595
DAD929
C0C05B

Deuteranopia

1B1D0A
A7B359
3C3195
DFE633
BFBD64

Tritanopia

230A0A
DE5452
0E9595
FB4A51
B6787F

Achromatopsia

131313
747474
696969
B0B0B0
B6B6B6

Shades & Tints Shades & Tints

#240C09

Dark
Light

#E63D65

Dark
Light

#079396

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #240c09;
  --color-2: #e63d65;
  --color-3: #079396;
  --color-4: #ffaa00;
  --color-5: #b5cf36;
}

SCSS

$color-1: #240c09;
$color-2: #e63d65;
$color-3: #079396;
$color-4: #ffaa00;
$color-5: #b5cf36;

TAILWIND

colors: {
  'brand-1': '#240c09',
  'brand-2': '#e63d65',
  'brand-3': '#079396',
  'brand-4': '#ffaa00',
  'brand-5': '#b5cf36',
}

RGB Array

[36, 12, 9], [230, 61, 101], [7, 147, 150], [255, 170, 0], [181, 207, 54]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #240C09, #E63D65, #079396, #FFAA00, #B5CF36 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: #240c09; --color-2: #e63d65; --color-3: #079396; --color-4: #ffaa00; --color-5: #b5cf36. 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 dark-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