← Back to Editor

#F6E8A6 · #EFCF8C · #924E46 · #4D2549 · #34164C

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#F6E8A6

Goose Yellow · Wheat · Lemon Cream

HEX
#F6E8A6
RGB
rgb(246, 232, 166)
HSL
hsl(49, 82%, 81%)
HSB
hsb(49, 33%, 96%)
CMYK
cmyk(0%, 6%, 33%, 4%)
Oklch
oklch(92.7% 0.085 97.6)

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

#EFCF8C

Goose Yellow · Khaki · Sunflower

HEX
#EFCF8C
RGB
rgb(239, 207, 140)
HSL
hsl(41, 76%, 74%)
HSB
hsb(41, 41%, 94%)
CMYK
cmyk(0%, 13%, 41%, 6%)
Oklch
oklch(86.7% 0.092 85.0)

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

#924E46

Crimson · Sienna · Passion Red

HEX
#924E46
RGB
rgb(146, 78, 70)
HSL
hsl(6, 35%, 42%)
HSB
hsb(6, 52%, 57%)
CMYK
cmyk(0%, 47%, 52%, 43%)
Oklch
oklch(50.4% 0.093 27.8)

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

#4D2549

Rose Purple · DarkSlateGray · Eggplant

HEX
#4D2549
RGB
rgb(77, 37, 73)
HSL
hsl(306, 35%, 22%)
HSB
hsb(306, 52%, 30%)
CMYK
cmyk(0%, 52%, 5%, 70%)
Oklch
oklch(33.3% 0.080 331.0)

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

#34164C

Royal Purple · MidnightBlue · Dark Purple

HEX
#34164C
RGB
rgb(52, 22, 76)
HSL
hsl(273, 55%, 19%)
HSB
hsb(273, 71%, 30%)
CMYK
cmyk(32%, 71%, 0%, 70%)
Oklch
oklch(27.5% 0.097 306.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6E8A6
A7B5F6

Analogous

F6C0A7
F6E8A6
DDF6A7

Triadic

F6E8A6
A7F6E8
E8A7F6

Split-Comp.

F6E8A6
A7DDF6
C0A7F6

Tetradic

F6E8A6
A7F6C0
A7B5F6
F6A7DD

Contrast Matrix WCAG 2.1 Contrast

F6E8A6
EFCF8C
924E46
4D2549
34164C
—
1.2
Fail
5.0
AA
10.1
AAA
12.5
AAA
1.2
Fail
—
4.1
AA Large
8.3
AAA
10.2
AAA
5.0
AA
4.1
AA Large
—
2.0
Fail
2.5
Fail
10.1
AAA
8.3
AAA
2.0
Fail
—
1.2
Fail
12.5
AAA
10.2
AAA
2.5
Fail
1.2
Fail
—
White BG
1.2Fail
1.5Fail
6.2AA
12.5AAA
15.4AAA
Black BG
17.0AAA
14.0AAA
3.4AA Large
1.7Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0B6
E1E19C
757448
3C3B40
27273F

Deuteranopia

F1F2BA
E3E5A0
797E48
3E413E
292B3C

Tritanopia

F5C3C5
EDA9AC
8F494A
4B3938
333532

Achromatopsia

E5E5E5
D1D1D1
616161
353535
252525

Shades & Tints Shades & Tints

#F6E8A6

Dark
Light

#EFCF8C

Dark
Light

#924E46

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6e8a6;
  --color-2: #efcf8c;
  --color-3: #924e46;
  --color-4: #4d2549;
  --color-5: #34164c;
}

SCSS

$color-1: #f6e8a6;
$color-2: #efcf8c;
$color-3: #924e46;
$color-4: #4d2549;
$color-5: #34164c;

TAILWIND

colors: {
  'brand-1': '#f6e8a6',
  'brand-2': '#efcf8c',
  'brand-3': '#924e46',
  'brand-4': '#4d2549',
  'brand-5': '#34164c',
}

RGB Array

[246, 232, 166], [239, 207, 140], [146, 78, 70], [77, 37, 73], [52, 22, 76]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #F6E8A6, #EFCF8C, #924E46, #4D2549, #34164C is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f6e8a6; --color-2: #efcf8c; --color-3: #924e46; --color-4: #4d2549; --color-5: #34164c. 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 cool-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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