← Back to Editor

#F6E4C8 · #EAD6B5 · #5095A6 · #6D4F8F · #1E1824

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#F6E4C8

Goose Yellow · Bisque · Peach Orange

HEX
#F6E4C8
RGB
rgb(246, 228, 200)
HSL
hsl(37, 72%, 87%)
HSB
hsb(37, 19%, 96%)
CMYK
cmyk(0%, 7%, 19%, 4%)
Oklch
oklch(92.6% 0.042 79.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#EAD6B5

Goose Yellow · Wheat · Peach Orange

HEX
#EAD6B5
RGB
rgb(234, 214, 181)
HSL
hsl(37, 56%, 81%)
HSB
hsb(37, 23%, 92%)
CMYK
cmyk(0%, 9%, 23%, 8%)
Oklch
oklch(88.4% 0.049 80.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#5095A6

Slate Blue · CadetBlue · Mint Ice

HEX
#5095A6
RGB
rgb(80, 149, 166)
HSL
hsl(192, 35%, 48%)
HSB
hsb(192, 52%, 65%)
CMYK
cmyk(52%, 10%, 0%, 35%)
Oklch
oklch(63.1% 0.074 215.7)

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

#6D4F8F

Deep Indigo · DarkSlateBlue · Violet

HEX
#6D4F8F
RGB
rgb(109, 79, 143)
HSL
hsl(268, 29%, 44%)
HSB
hsb(268, 45%, 56%)
CMYK
cmyk(24%, 45%, 0%, 44%)
Oklch
oklch(48.7% 0.104 304.4)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#1E1824

Dark Plum · Black · Dark Purple

HEX
#1E1824
RGB
rgb(30, 24, 36)
HSL
hsl(270, 20%, 12%)
HSB
hsb(270, 33%, 14%)
CMYK
cmyk(17%, 33%, 0%, 86%)
Oklch
oklch(22.2% 0.025 307.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6E4C8
C6D8F6

Analogous

F6CCC6
F6E4C8
F0F6C6

Triadic

F6E4C8
C6F6E3
E3C6F6

Split-Comp.

F6E4C8
C6F0F6
CCC6F6

Tetradic

F6E4C8
C6F6CC
C6D8F6
F6C6F0

Contrast Matrix WCAG 2.1 Contrast

F6E4C8
EAD6B5
5095A6
6D4F8F
1E1824
—
1.1
Fail
2.7
Fail
5.3
AA
13.9
AAA
1.1
Fail
—
2.4
Fail
4.7
AA
12.2
AAA
2.7
Fail
2.4
Fail
—
2.0
Fail
5.1
AA
5.3
AA
4.7
AA
2.0
Fail
—
2.6
Fail
13.9
AAA
12.2
AAA
5.1
AA
2.6
Fail
—
White BG
1.2Fail
1.4Fail
3.4AA Large
6.6AA
17.3AAA
Black BG
16.8AAA
14.8AAA
6.2AA
3.2AA Large
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEECF
E1E1BD
6E6EA2
606080
1B1B21

Deuteranopia

EFF1D0
E3E4BF
6A65A1
62647C
1C1C20

Tritanopia

F5D4D5
E9C3C5
539F9E
6C7371
1E1F1E

Achromatopsia

E6E6E6
D8D8D8
828282
5F5F5F
1B1B1B

Shades & Tints Shades & Tints

#F6E4C8

Dark
Light

#EAD6B5

Dark
Light

#5095A6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6e4c8;
  --color-2: #ead6b5;
  --color-3: #5095a6;
  --color-4: #6d4f8f;
  --color-5: #1e1824;
}

SCSS

$color-1: #f6e4c8;
$color-2: #ead6b5;
$color-3: #5095a6;
$color-4: #6d4f8f;
$color-5: #1e1824;

TAILWIND

colors: {
  'brand-1': '#f6e4c8',
  'brand-2': '#ead6b5',
  'brand-3': '#5095a6',
  'brand-4': '#6d4f8f',
  'brand-5': '#1e1824',
}

RGB Array

[246, 228, 200], [234, 214, 181], [80, 149, 166], [109, 79, 143], [30, 24, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F6E4C8, #EAD6B5, #5095A6, #6D4F8F, #1E1824 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: #f6e4c8; --color-2: #ead6b5; --color-3: #5095a6; --color-4: #6d4f8f; --color-5: #1e1824. 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 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