← Back to Editor

#C6AF14 · #DB1225 · #541E12 · #F9E79F · #00A682

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

#C6AF14

Autumn Sage · GoldenRod · Honey Gold

HEX
#C6AF14
RGB
rgb(198, 175, 20)
HSL
hsl(52, 82%, 43%)
HSB
hsb(52, 90%, 78%)
CMYK
cmyk(0%, 12%, 90%, 22%)
Oklch
oklch(75.1% 0.152 99.5)

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

#DB1225

Vermilion · Crimson · Passion Red

HEX
#DB1225
RGB
rgb(219, 18, 37)
HSL
hsl(354, 85%, 46%)
HSB
hsb(354, 92%, 86%)
CMYK
cmyk(0%, 92%, 83%, 14%)
Oklch
oklch(56.6% 0.223 25.6)

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

#541E12

Vermilion · Maroon · Deep Berry

HEX
#541E12
RGB
rgb(84, 30, 18)
HSL
hsl(11, 65%, 20%)
HSB
hsb(11, 79%, 33%)
CMYK
cmyk(0%, 64%, 79%, 67%)
Oklch
oklch(31.5% 0.084 34.0)

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

#F9E79F

Goose Yellow · Khaki · Lemon Cream

HEX
#F9E79F
RGB
rgb(249, 231, 159)
HSL
hsl(48, 88%, 80%)
HSB
hsb(48, 36%, 98%)
CMYK
cmyk(0%, 7%, 36%, 2%)
Oklch
oklch(92.6% 0.093 95.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#00A682

Mineral Blue · Teal · Mint Ice

HEX
#00A682
RGB
rgb(0, 166, 130)
HSL
hsl(167, 100%, 33%)
HSB
hsb(167, 100%, 65%)
CMYK
cmyk(100%, 0%, 22%, 35%)
Oklch
oklch(64.5% 0.127 170.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6AF14
142CC8

Analogous

C85614
C6AF14
86C814

Triadic

C6AF14
14C8B0
B014C8

Split-Comp.

C6AF14
1486C8
5614C8

Tetradic

C6AF14
14C856
142CC8
C81486

Contrast Matrix WCAG 2.1 Contrast

C6AF14
DB1225
541E12
F9E79F
00A682
—
2.3
Fail
6.1
AA
1.8
Fail
1.4
Fail
2.3
Fail
—
2.6
Fail
4.1
AA Large
1.6
Fail
6.1
AA
2.6
Fail
—
10.8
AAA
4.3
AA Large
1.8
Fail
4.1
AA Large
10.8
AAA
—
2.5
Fail
1.4
Fail
1.6
Fail
4.3
AA Large
2.5
Fail
—
White BG
2.2Fail
5.1AA
13.4AAA
1.2Fail
3.1AA Large
Black BG
9.5AAA
4.1AA Large
1.6Fail
17.0AAA
6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBC3A
848220
3D3C15
F1F1B0
48498B

Deuteranopia

BDBF43
909F1F
404416
F2F4B5
3E328D

Tritanopia

C5575E
D11D1C
511718
F8BEC1
089293

Achromatopsia

A4A4A4
505050
2D2D2D
E4E4E4
707070

Shades & Tints Shades & Tints

#C6AF14

Dark
Light

#DB1225

Dark
Light

#541E12

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6af14;
  --color-2: #db1225;
  --color-3: #541e12;
  --color-4: #f9e79f;
  --color-5: #00a682;
}

SCSS

$color-1: #c6af14;
$color-2: #db1225;
$color-3: #541e12;
$color-4: #f9e79f;
$color-5: #00a682;

TAILWIND

colors: {
  'brand-1': '#c6af14',
  'brand-2': '#db1225',
  'brand-3': '#541e12',
  'brand-4': '#f9e79f',
  'brand-5': '#00a682',
}

RGB Array

[198, 175, 20], [219, 18, 37], [84, 30, 18], [249, 231, 159], [0, 166, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C6AF14, #DB1225, #541E12, #F9E79F, #00A682 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #c6af14; --color-2: #db1225; --color-3: #541e12; --color-4: #f9e79f; --color-5: #00a682. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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