← Back to Editor

#C04B4B · #EAA97D · #EEE8B3 · #8FAF94 · #085969

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

#C04B4B

Crimson · Sienna · Passion Red

HEX
#C04B4B
RGB
rgb(192, 75, 75)
HSL
hsl(0, 48%, 52%)
HSB
hsb(0, 61%, 75%)
CMYK
cmyk(0%, 61%, 61%, 25%)
Oklch
oklch(56.9% 0.151 23.2)

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

#EAA97D

Apricot · DarkSalmon · Warm Sun

HEX
#EAA97D
RGB
rgb(234, 169, 125)
HSL
hsl(24, 72%, 70%)
HSB
hsb(24, 47%, 92%)
CMYK
cmyk(0%, 28%, 47%, 8%)
Oklch
oklch(78.6% 0.097 54.9)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#EEE8B3

Fresh Green · Wheat · Lemon Cream

HEX
#EEE8B3
RGB
rgb(238, 232, 179)
HSL
hsl(54, 63%, 82%)
HSB
hsb(54, 25%, 93%)
CMYK
cmyk(0%, 3%, 25%, 7%)
Oklch
oklch(92.3% 0.069 102.2)

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

#8FAF94

Celadon · DarkSeaGreen · Apple Green

HEX
#8FAF94
RGB
rgb(143, 175, 148)
HSL
hsl(129, 17%, 62%)
HSB
hsb(129, 18%, 69%)
CMYK
cmyk(18%, 0%, 15%, 31%)
Oklch
oklch(72.2% 0.052 149.5)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#085969

Lake Blue · Teal · Peacock Green

HEX
#085969
RGB
rgb(8, 89, 105)
HSL
hsl(190, 86%, 22%)
HSB
hsb(190, 92%, 41%)
CMYK
cmyk(92%, 15%, 0%, 59%)
Oklch
oklch(42.8% 0.074 216.1)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C04B4B
4ABFBF

Analogous

BF4A85
C04B4B
BF854A

Triadic

C04B4B
4ABF4A
4A4ABF

Split-Comp.

C04B4B
4ABF85
4A85BF

Tetradic

C04B4B
85BF4A
4ABFBF
854ABF

Contrast Matrix WCAG 2.1 Contrast

C04B4B
EAA97D
EEE8B3
8FAF94
085969
—
2.4
Fail
3.9
AA Large
2.0
Fail
1.6
Fail
2.4
Fail
—
1.6
Fail
1.2
Fail
4.0
AA Large
3.9
AA Large
1.6
Fail
—
1.9
Fail
6.4
AA
2.0
Fail
1.2
Fail
1.9
Fail
—
3.3
AA Large
1.6
Fail
4.0
AA Large
6.4
AA
3.3
AA Large
—
White BG
4.8AA
2.0Fail
1.2Fail
2.4Fail
7.9AAA
Black BG
4.3AA Large
10.5AAA
16.8AAA
8.7AAA
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8D8C4B
CECD88
EBEBC0
9D9D9B
2B2C65

Deuteranopia

949D4B
D2D68A
ECECC3
9B999C
262064

Tritanopia

BA4B4B
E79092
EECACC
91A0A1
0C6261

Achromatopsia

6E6E6E
B7B7B7
E4E4E4
A2A2A2
434343

Shades & Tints Shades & Tints

#C04B4B

Dark
Light

#EAA97D

Dark
Light

#EEE8B3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c04b4b;
  --color-2: #eaa97d;
  --color-3: #eee8b3;
  --color-4: #8faf94;
  --color-5: #085969;
}

SCSS

$color-1: #c04b4b;
$color-2: #eaa97d;
$color-3: #eee8b3;
$color-4: #8faf94;
$color-5: #085969;

TAILWIND

colors: {
  'brand-1': '#c04b4b',
  'brand-2': '#eaa97d',
  'brand-3': '#eee8b3',
  'brand-4': '#8faf94',
  'brand-5': '#085969',
}

RGB Array

[192, 75, 75], [234, 169, 125], [238, 232, 179], [143, 175, 148], [8, 89, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C04B4B, #EAA97D, #EEE8B3, #8FAF94, #085969 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: #c04b4b; --color-2: #eaa97d; --color-3: #eee8b3; --color-4: #8faf94; --color-5: #085969. 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