← Back to Editor

#E10E39 · #C99C97 · #FF9589 · #726B73 · #CDBB2B

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 Library

Color Details Color Details

#E10E39

Vermilion · Crimson · Passion Red

HEX
#E10E39
RGB
rgb(225, 14, 57)
HSL
hsl(348, 88%, 47%)
HSB
hsb(348, 94%, 88%)
CMYK
cmyk(0%, 94%, 75%, 12%)
Oklch
oklch(57.8% 0.228 21.0)

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

#C99C97

Peach Pink · Tan · Coral Red

HEX
#C99C97
RGB
rgb(201, 156, 151)
HSL
hsl(6, 32%, 69%)
HSB
hsb(6, 25%, 79%)
CMYK
cmyk(0%, 22%, 25%, 21%)
Oklch
oklch(73.3% 0.055 25.8)

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

#FF9589

Peach Pink · LightSalmon · Coral Red

HEX
#FF9589
RGB
rgb(255, 149, 137)
HSL
hsl(6, 100%, 77%)
HSB
hsb(6, 46%, 100%)
CMYK
cmyk(0%, 42%, 46%, 0%)
Oklch
oklch(77.8% 0.130 27.3)

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

#726B73

Ink Gray · DimGray · Warm Gray

HEX
#726B73
RGB
rgb(114, 107, 115)
HSL
hsl(293, 4%, 44%)
HSB
hsb(293, 7%, 45%)
CMYK
cmyk(1%, 7%, 0%, 55%)
Oklch
oklch(53.7% 0.015 321.9)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#CDBB2B

Autumn Sage · GoldenRod · Honey Gold

HEX
#CDBB2B
RGB
rgb(205, 187, 43)
HSL
hsl(53, 65%, 49%)
HSB
hsb(53, 79%, 80%)
CMYK
cmyk(0%, 9%, 79%, 20%)
Oklch
oklch(78.4% 0.153 101.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E10E39
0EE1B7

Analogous

E10EA2
E10E39
E14E0E

Triadic

E10E39
39E10E
0E39E1

Split-Comp.

E10E39
0EE14E
0EA2E1

Tetradic

E10E39
A2E10E
0EE1B7
4E0EE1

Contrast Matrix WCAG 2.1 Contrast

E10E39
C99C97
FF9589
726B73
CDBB2B
—
2.0
Fail
2.3
Fail
1.1
Fail
2.5
Fail
2.0
Fail
—
1.1
Fail
2.1
Fail
1.2
Fail
2.3
Fail
1.1
Fail
—
2.4
Fail
1.1
Fail
1.1
Fail
2.1
Fail
2.4
Fail
—
2.6
Fail
2.5
Fail
1.2
Fail
1.1
Fail
2.6
Fail
—
White BG
4.9AA
2.4Fail
2.1Fail
5.2AA
2.0Fail
Black BG
4.3AA Large
8.7AAA
9.9AAA
4.1AA Large
10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

86842F
B6B598
D1D08C
6F6F71
C5C54E

Deuteranopia

92A22C
B8BC99
D7DF8D
6F7071
C6C856

Tritanopia

D62625
C79999
FA8E8F
72706F
CC696F

Achromatopsia

525252
A9A9A9
B3B3B3
6E6E6E
B0B0B0

Shades & Tints Shades & Tints

#E10E39

Dark
Light

#C99C97

Dark
Light

#FF9589

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e10e39;
  --color-2: #c99c97;
  --color-3: #ff9589;
  --color-4: #726b73;
  --color-5: #cdbb2b;
}

SCSS

$color-1: #e10e39;
$color-2: #c99c97;
$color-3: #ff9589;
$color-4: #726b73;
$color-5: #cdbb2b;

TAILWIND

colors: {
  'brand-1': '#e10e39',
  'brand-2': '#c99c97',
  'brand-3': '#ff9589',
  'brand-4': '#726b73',
  'brand-5': '#cdbb2b',
}

RGB Array

[225, 14, 57], [201, 156, 151], [255, 149, 137], [114, 107, 115], [205, 187, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E10E39, #C99C97, #FF9589, #726B73, #CDBB2B is ideal for: corporate websites, product showcases, portfolios. 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: #e10e39; --color-2: #c99c97; --color-3: #ff9589; --color-4: #726b73; --color-5: #cdbb2b. 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. 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