← Back to Editor

#190408 · #F7E2C9 · #CD7D7D · #E34D58 · #B2CFD3

earth

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

#190408

Vermilion · Black · Deep Berry

HEX
#190408
RGB
rgb(25, 4, 8)
HSL
hsl(349, 72%, 6%)
HSB
hsb(349, 84%, 10%)
CMYK
cmyk(0%, 84%, 68%, 90%)
Oklch
oklch(15.1% 0.041 8.5)

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

#F7E2C9

Goose Yellow · Bisque · Peach Orange

HEX
#F7E2C9
RGB
rgb(247, 226, 201)
HSL
hsl(33, 74%, 88%)
HSB
hsb(33, 19%, 97%)
CMYK
cmyk(0%, 9%, 19%, 3%)
Oklch
oklch(92.3% 0.040 72.1)

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

#CD7D7D

Peach Pink · LightCoral · Coral Red

HEX
#CD7D7D
RGB
rgb(205, 125, 125)
HSL
hsl(0, 44%, 65%)
HSB
hsb(0, 39%, 80%)
CMYK
cmyk(0%, 39%, 39%, 20%)
Oklch
oklch(67.5% 0.100 20.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E34D58

Vermilion · Tomato · Passion Red

HEX
#E34D58
RGB
rgb(227, 77, 88)
HSL
hsl(356, 73%, 60%)
HSB
hsb(356, 66%, 89%)
CMYK
cmyk(0%, 66%, 61%, 11%)
Oklch
oklch(63.0% 0.185 20.1)

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

#B2CFD3

Sky Blue · LightSteelBlue · Glacier Blue

HEX
#B2CFD3
RGB
rgb(178, 207, 211)
HSL
hsl(187, 27%, 76%)
HSB
hsb(187, 16%, 83%)
CMYK
cmyk(16%, 2%, 0%, 17%)
Oklch
oklch(83.4% 0.032 206.7)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

190408
041A16

Analogous

1A0413
190408
1A0B04

Triadic

190408
081A04
04081A

Split-Comp.

190408
041A0B
04131A

Tetradic

190408
131A04
041A16
0B041A

Contrast Matrix WCAG 2.1 Contrast

190408
F7E2C9
CD7D7D
E34D58
B2CFD3
—
15.7
AAA
6.4
AA
5.1
AA
12.0
AAA
15.7
AAA
—
2.4
Fail
3.0
AA Large
1.3
Fail
6.4
AA
2.4
Fail
—
1.2
Fail
1.9
Fail
5.1
AA
3.0
AA Large
1.2
Fail
—
2.3
Fail
12.0
AAA
1.3
Fail
1.9
Fail
2.3
Fail
—
White BG
19.8AAA
1.3Fail
3.1AA Large
3.8AA Large
1.6Fail
Black BG
1.1Fail
16.7AAA
6.8AA
5.5AA
12.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

101007
EEEECF
AAAA7D
A2A155
BFBFD2

Deuteranopia

111307
EFF1D1
AFB57D
ABB655
BDBBD2

Tritanopia

180606
F6D4D5
C97D7D
DB5353
B3D1D1

Achromatopsia

0B0B0B
E5E5E5
959595
7B7B7B
C7C7C7

Shades & Tints Shades & Tints

#190408

Dark
Light

#F7E2C9

Dark
Light

#CD7D7D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #190408;
  --color-2: #f7e2c9;
  --color-3: #cd7d7d;
  --color-4: #e34d58;
  --color-5: #b2cfd3;
}

SCSS

$color-1: #190408;
$color-2: #f7e2c9;
$color-3: #cd7d7d;
$color-4: #e34d58;
$color-5: #b2cfd3;

TAILWIND

colors: {
  'brand-1': '#190408',
  'brand-2': '#f7e2c9',
  'brand-3': '#cd7d7d',
  'brand-4': '#e34d58',
  'brand-5': '#b2cfd3',
}

RGB Array

[25, 4, 8], [247, 226, 201], [205, 125, 125], [227, 77, 88], [178, 207, 211]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #190408, #F7E2C9, #CD7D7D, #E34D58, #B2CFD3 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: #190408; --color-2: #f7e2c9; --color-3: #cd7d7d; --color-4: #e34d58; --color-5: #b2cfd3. 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 earth-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