← Back to Editor

#423838 · #E3566B · #F77272 · #EBB791 · #D4D9B2

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

#423838

Crimson · DarkSlateGray · Dark Stone

HEX
#423838
RGB
rgb(66, 56, 56)
HSL
hsl(0, 8%, 24%)
HSB
hsb(0, 15%, 26%)
CMYK
cmyk(0%, 15%, 15%, 74%)
Oklch
oklch(35.1% 0.014 17.8)

Traditional「Crimson」· Paint「Dark Stone」· Creative Midnight Shadow

#E3566B

Peach Pink · Tomato · Coral Red

HEX
#E3566B
RGB
rgb(227, 86, 107)
HSL
hsl(351, 72%, 61%)
HSB
hsb(351, 62%, 89%)
CMYK
cmyk(0%, 62%, 53%, 11%)
Oklch
oklch(64.4% 0.175 14.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F77272

Peach Pink · Salmon · Coral Red

HEX
#F77272
RGB
rgb(247, 114, 114)
HSL
hsl(0, 89%, 71%)
HSB
hsb(0, 54%, 97%)
CMYK
cmyk(0%, 54%, 54%, 3%)
Oklch
oklch(71.1% 0.164 22.1)

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

#EBB791

Apricot · BurlyWood · Warm Sun

HEX
#EBB791
RGB
rgb(235, 183, 145)
HSL
hsl(25, 69%, 75%)
HSB
hsb(25, 38%, 92%)
CMYK
cmyk(0%, 22%, 38%, 8%)
Oklch
oklch(81.7% 0.079 57.5)

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

#D4D9B2

Fresh Green · Wheat · Lemon Cream

HEX
#D4D9B2
RGB
rgb(212, 217, 178)
HSL
hsl(68, 34%, 77%)
HSB
hsb(68, 18%, 85%)
CMYK
cmyk(2%, 0%, 18%, 15%)
Oklch
oklch(87.1% 0.052 113.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

423838
384242

Analogous

42383D
423838
423D38

Triadic

423838
384238
383842

Split-Comp.

423838
38423D
383D42

Tetradic

423838
3D4238
384242
3D3842

Contrast Matrix WCAG 2.1 Contrast

423838
E3566B
F77272
EBB791
D4D9B2
—
3.1
AA Large
4.1
AA Large
6.3
AA
7.7
AAA
3.1
AA Large
—
1.3
Fail
2.0
Fail
2.5
Fail
4.1
AA Large
1.3
Fail
—
1.5
Fail
1.9
Fail
6.3
AA
2.0
Fail
1.5
Fail
—
1.2
Fail
7.7
AAA
2.5
Fail
1.9
Fail
1.2
Fail
—
White BG
11.3AAA
3.6AA Large
2.8Fail
1.8Fail
1.5Fail
Black BG
1.9Fail
5.8AA
7.6AAA
11.7AAA
14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3E3E38
A6A566
BDBC72
D4D49A
D6D6BB

Deuteranopia

3E3F38
AEB965
C5CF72
D8DB9C
D6D5BE

Tritanopia

423838
DC6261
F07272
E8A1A3
D4C3C5

Achromatopsia

3B3B3B
838383
9A9A9A
C2C2C2
D3D3D3

Shades & Tints Shades & Tints

#423838

Dark
Light

#E3566B

Dark
Light

#F77272

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #423838;
  --color-2: #e3566b;
  --color-3: #f77272;
  --color-4: #ebb791;
  --color-5: #d4d9b2;
}

SCSS

$color-1: #423838;
$color-2: #e3566b;
$color-3: #f77272;
$color-4: #ebb791;
$color-5: #d4d9b2;

TAILWIND

colors: {
  'brand-1': '#423838',
  'brand-2': '#e3566b',
  'brand-3': '#f77272',
  'brand-4': '#ebb791',
  'brand-5': '#d4d9b2',
}

RGB Array

[66, 56, 56], [227, 86, 107], [247, 114, 114], [235, 183, 145], [212, 217, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #423838, #E3566B, #F77272, #EBB791, #D4D9B2 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: #423838; --color-2: #e3566b; --color-3: #f77272; --color-4: #ebb791; --color-5: #d4d9b2. 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