← Back to Editor

#C9DA00 · #F6910B · #E62E12 · #5D192E · #210007

A 5-color palette 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

#C9DA00

Autumn Sage · Gold · Honey Gold

HEX
#C9DA00
RGB
rgb(201, 218, 0)
HSL
hsl(65, 100%, 43%)
HSB
hsb(65, 100%, 85%)
CMYK
cmyk(8%, 0%, 100%, 15%)
Oklch
oklch(84.6% 0.192 115.3)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#F6910B

Ochre · Orange · Amber Brown

HEX
#F6910B
RGB
rgb(246, 145, 11)
HSL
hsl(34, 93%, 50%)
HSB
hsb(34, 96%, 96%)
CMYK
cmyk(0%, 41%, 96%, 4%)
Oklch
oklch(74.7% 0.169 62.8)

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

#E62E12

Vermilion · OrangeRed · Passion Red

HEX
#E62E12
RGB
rgb(230, 46, 18)
HSL
hsl(8, 85%, 49%)
HSB
hsb(8, 92%, 90%)
CMYK
cmyk(0%, 80%, 92%, 10%)
Oklch
oklch(59.9% 0.221 31.4)

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

#5D192E

Dark Violet · Maroon · Raspberry

HEX
#5D192E
RGB
rgb(93, 25, 46)
HSL
hsl(341, 58%, 23%)
HSB
hsb(341, 73%, 36%)
CMYK
cmyk(0%, 73%, 51%, 64%)
Oklch
oklch(33.1% 0.100 5.7)

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

#210007

Vermilion · Black · Deep Berry

HEX
#210007
RGB
rgb(33, 0, 7)
HSL
hsl(347, 100%, 6%)
HSB
hsb(347, 100%, 13%)
CMYK
cmyk(0%, 100%, 79%, 87%)
Oklch
oklch(15.8% 0.063 9.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9DA00
1200DB

Analogous

DB8000
C9DA00
5BDB00

Triadic

C9DA00
00C9DB
DB00C9

Split-Comp.

C9DA00
005BDB
8000DB

Tetradic

C9DA00
00DB80
1200DB
DB005B

Contrast Matrix WCAG 2.1 Contrast

C9DA00
F6910B
E62E12
5D192E
210007
—
1.5
Fail
2.8
Fail
8.2
AAA
12.7
AAA
1.5
Fail
—
1.9
Fail
5.5
AA
8.4
AAA
2.8
Fail
1.9
Fail
—
2.9
Fail
4.5
AA Large
8.2
AAA
5.5
AA
2.9
Fail
—
1.5
Fail
12.7
AAA
8.4
AAA
4.5
AA Large
1.5
Fail
—
White BG
1.6Fail
2.3Fail
4.4AA Large
12.8AAA
19.7AAA
Black BG
13.5AAA
9.0AAA
4.8AA
1.6Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D135
CAC92B
969519
403F29
131205

Deuteranopia

CFCE41
D0D833
A1AF1A
444928
151705

Tritanopia

CA5E68
F1454B
DD1E1F
5A2524
1F0404

Achromatopsia

BCBCBC
A0A0A0
626262
303030
0B0B0B

Shades & Tints Shades & Tints

#C9DA00

Dark
Light

#F6910B

Dark
Light

#E62E12

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9da00;
  --color-2: #f6910b;
  --color-3: #e62e12;
  --color-4: #5d192e;
  --color-5: #210007;
}

SCSS

$color-1: #c9da00;
$color-2: #f6910b;
$color-3: #e62e12;
$color-4: #5d192e;
$color-5: #210007;

TAILWIND

colors: {
  'brand-1': '#c9da00',
  'brand-2': '#f6910b',
  'brand-3': '#e62e12',
  'brand-4': '#5d192e',
  'brand-5': '#210007',
}

RGB Array

[201, 218, 0], [246, 145, 11], [230, 46, 18], [93, 25, 46], [33, 0, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C9DA00, #F6910B, #E62E12, #5D192E, #210007 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: #c9da00; --color-2: #f6910b; --color-3: #e62e12; --color-4: #5d192e; --color-5: #210007. 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 general-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