← Back to Editor

#CAAC66 · #B92116 · #63110C · #ABB941 · #E3EC79

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

#CAAC66

Ginger · Tan · Sunflower

HEX
#CAAC66
RGB
rgb(202, 172, 102)
HSL
hsl(42, 49%, 60%)
HSB
hsb(42, 50%, 79%)
CMYK
cmyk(0%, 15%, 50%, 21%)
Oklch
oklch(75.6% 0.096 86.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#B92116

Vermilion · FireBrick · Passion Red

HEX
#B92116
RGB
rgb(185, 33, 22)
HSL
hsl(4, 79%, 41%)
HSB
hsb(4, 88%, 73%)
CMYK
cmyk(0%, 82%, 88%, 27%)
Oklch
oklch(50.8% 0.188 29.5)

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

#63110C

Vermilion · Maroon · Wine Red

HEX
#63110C
RGB
rgb(99, 17, 12)
HSL
hsl(3, 78%, 22%)
HSB
hsb(3, 88%, 39%)
CMYK
cmyk(0%, 83%, 88%, 61%)
Oklch
oklch(32.7% 0.116 28.8)

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

#ABB941

Autumn Sage · GoldenRod · Honey Gold

HEX
#ABB941
RGB
rgb(171, 185, 65)
HSL
hsl(67, 48%, 49%)
HSB
hsb(67, 65%, 73%)
CMYK
cmyk(8%, 0%, 65%, 27%)
Oklch
oklch(75.2% 0.143 115.6)

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

#E3EC79

Fresh Green · Khaki · Sunflower

HEX
#E3EC79
RGB
rgb(227, 236, 121)
HSL
hsl(65, 75%, 70%)
HSB
hsb(65, 49%, 93%)
CMYK
cmyk(4%, 0%, 49%, 7%)
Oklch
oklch(91.3% 0.139 112.8)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CAAC66
6785CB

Analogous

CB7B67
CAAC66
B7CB67

Triadic

CAAC66
67CBAD
AD67CB

Split-Comp.

CAAC66
67B7CB
7B67CB

Tetradic

CAAC66
67CB7B
6785CB
CB67B7

Contrast Matrix WCAG 2.1 Contrast

CAAC66
B92116
63110C
ABB941
E3EC79
—
2.9
Fail
5.9
AA
1.0
Fail
1.7
Fail
2.9
Fail
—
2.0
Fail
3.0
Fail
5.0
AA
5.9
AA
2.0
Fail
—
6.0
AA
10.2
AAA
1.0
Fail
3.0
Fail
6.0
AA
—
1.7
Fail
1.7
Fail
5.0
AA
10.2
AAA
1.7
Fail
—
White BG
2.2Fail
6.4AA
13.0AAA
2.2Fail
1.3Fail
Black BG
9.6AAA
3.3AA Large
1.6Fail
9.7AAA
16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBD77
777619
3F3F0D
B1B15E
E7E795

Deuteranopia

BFC17B
808B19
444A0D
B0AF65
E6E69C

Tritanopia

C88487
B11B1B
5F0E0E
AC757A
E3ABB0

Achromatopsia

ADADAD
4D4D4D
292929
A7A7A7
DCDCDC

Shades & Tints Shades & Tints

#CAAC66

Dark
Light

#B92116

Dark
Light

#63110C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #caac66;
  --color-2: #b92116;
  --color-3: #63110c;
  --color-4: #abb941;
  --color-5: #e3ec79;
}

SCSS

$color-1: #caac66;
$color-2: #b92116;
$color-3: #63110c;
$color-4: #abb941;
$color-5: #e3ec79;

TAILWIND

colors: {
  'brand-1': '#caac66',
  'brand-2': '#b92116',
  'brand-3': '#63110c',
  'brand-4': '#abb941',
  'brand-5': '#e3ec79',
}

RGB Array

[202, 172, 102], [185, 33, 22], [99, 17, 12], [171, 185, 65], [227, 236, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CAAC66, #B92116, #63110C, #ABB941, #E3EC79 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: #caac66; --color-2: #b92116; --color-3: #63110c; --color-4: #abb941; --color-5: #e3ec79. 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