← Back to Editor

#CD0E15 · #FFB2A5 · #F8EFA9 · #98CBBA · #6E240A

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#CD0E15

Vermilion · FireBrick · Passion Red

HEX
#CD0E15
RGB
rgb(205, 14, 21)
HSL
hsl(358, 87%, 43%)
HSB
hsb(358, 93%, 80%)
CMYK
cmyk(0%, 93%, 90%, 20%)
Oklch
oklch(53.7% 0.214 27.8)

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

#FFB2A5

Peach Pink · LightPink · Cherry Blossom

HEX
#FFB2A5
RGB
rgb(255, 178, 165)
HSL
hsl(9, 100%, 82%)
HSB
hsb(9, 35%, 100%)
CMYK
cmyk(0%, 30%, 35%, 0%)
Oklch
oklch(83.3% 0.093 29.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F8EFA9

Fresh Green · Wheat · Lemon Cream

HEX
#F8EFA9
RGB
rgb(248, 239, 169)
HSL
hsl(53, 85%, 82%)
HSB
hsb(53, 32%, 97%)
CMYK
cmyk(0%, 4%, 32%, 3%)
Oklch
oklch(94.3% 0.089 101.7)

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

#98CBBA

Jade · DarkGray · Lake Green

HEX
#98CBBA
RGB
rgb(152, 203, 186)
HSL
hsl(160, 33%, 70%)
HSB
hsb(160, 25%, 80%)
CMYK
cmyk(25%, 0%, 8%, 20%)
Oklch
oklch(80.2% 0.058 172.2)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#6E240A

Tangerine · Maroon · Cinnamon

HEX
#6E240A
RGB
rgb(110, 36, 10)
HSL
hsl(16, 83%, 24%)
HSB
hsb(16, 91%, 43%)
CMYK
cmyk(0%, 67%, 91%, 57%)
Oklch
oklch(37.0% 0.111 38.0)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CD0E15
0ECDC7

Analogous

CD0E74
CD0E15
CD670E

Triadic

CD0E15
15CD0E
0E15CD

Split-Comp.

CD0E15
0ECD67
0E74CD

Tetradic

CD0E15
74CD0E
0ECDC7
670ECD

Contrast Matrix WCAG 2.1 Contrast

CD0E15
FFB2A5
F8EFA9
98CBBA
6E240A
—
3.3
AA Large
4.9
AA
3.2
AA Large
1.9
Fail
3.3
AA Large
—
1.5
Fail
1.0
Fail
6.3
AA
4.9
AA
1.5
Fail
—
1.5
Fail
9.3
AAA
3.2
AA Large
1.0
Fail
1.5
Fail
—
6.0
AA
1.9
Fail
6.3
AA
9.3
AAA
6.0
AA
—
White BG
5.7AA
1.7Fail
1.2Fail
1.8Fail
10.9AAA
Black BG
3.7AA Large
12.2AAA
17.9AAA
11.6AAA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7A7913
DEDDA8
F4F4BA
AEAFBE
4E4D10

Deuteranopia

859413
E2E8A9
F5F5BE
ABA7BF
525812

Tritanopia

C31212
FBABAB
F8C7CA
9BC1C2
6A1516

Achromatopsia

484848
C8C8C8
EAEAEA
BABABA
373737

Shades & Tints Shades & Tints

#CD0E15

Dark
Light

#FFB2A5

Dark
Light

#F8EFA9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cd0e15;
  --color-2: #ffb2a5;
  --color-3: #f8efa9;
  --color-4: #98cbba;
  --color-5: #6e240a;
}

SCSS

$color-1: #cd0e15;
$color-2: #ffb2a5;
$color-3: #f8efa9;
$color-4: #98cbba;
$color-5: #6e240a;

TAILWIND

colors: {
  'brand-1': '#cd0e15',
  'brand-2': '#ffb2a5',
  'brand-3': '#f8efa9',
  'brand-4': '#98cbba',
  'brand-5': '#6e240a',
}

RGB Array

[205, 14, 21], [255, 178, 165], [248, 239, 169], [152, 203, 186], [110, 36, 10]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #CD0E15, #FFB2A5, #F8EFA9, #98CBBA, #6E240A is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #cd0e15; --color-2: #ffb2a5; --color-3: #f8efa9; --color-4: #98cbba; --color-5: #6e240a. 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 cool-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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