#C45462 + #D2696F + #E9AB9F + #E2EBEE + #BDBAD7 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C45462

Crimson · Sienna · Passion Red

HEX

#C45462

RGB

rgb(196, 84, 98)

HSL

hsl(353, 49%, 55%)

HSB

hsb(353, 57%, 77%)

CMYK

cmyk(0%, 57%, 50%, 23%)

Oklch

oklch(59.2% 0.144 14.9)

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

#D2696F

Peach Pink · LightCoral · Coral Red

HEX

#D2696F

RGB

rgb(210, 105, 111)

HSL

hsl(357, 54%, 62%)

HSB

hsb(357, 50%, 82%)

CMYK

cmyk(0%, 50%, 47%, 18%)

Oklch

oklch(64.6% 0.132 17.9)

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

#E9AB9F

Peach Pink · BurlyWood · Coral Red

HEX

#E9AB9F

RGB

rgb(233, 171, 159)

HSL

hsl(10, 63%, 77%)

HSB

hsb(10, 32%, 91%)

CMYK

cmyk(0%, 27%, 32%, 9%)

Oklch

oklch(79.6% 0.076 31.1)

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

#E2EBEE

Sky Blue · Lavender · Glacier Blue

HEX

#E2EBEE

RGB

rgb(226, 235, 238)

HSL

hsl(195, 26%, 91%)

HSB

hsb(195, 5%, 93%)

CMYK

cmyk(5%, 1%, 0%, 7%)

Oklch

oklch(93.4% 0.010 219.6)

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

#BDBAD7

Wisteria · LightSteelBlue · Cobalt Blue

HEX

#BDBAD7

RGB

rgb(189, 186, 215)

HSL

hsl(246, 27%, 79%)

HSB

hsb(246, 13%, 84%)

CMYK

cmyk(12%, 13%, 0%, 16%)

Oklch

oklch(80.1% 0.041 290.2)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C45462

54C4B7

Analogous

C45499

C45462

C47F54

Triadic

C45462

61C454

5461C4

Split-Comp.

C45462

54C47F

5499C4

Tetradic

C45462

99C454

54C4B7

7F54C4

Contrast Matrix WCAG 2.1 Contrast

C45462	D2696F	E9AB9F	E2EBEE	BDBAD7
—	1.3 Fail	2.3 Fail	3.6 AA Large	2.3 Fail
1.3 Fail	—	1.8 Fail	2.9 Fail	1.9 Fail
2.3 Fail	1.8 Fail	—	1.6 Fail	1.0 Fail
3.6 AA Large	2.9 Fail	1.6 Fail	—	1.6 Fail
2.3 Fail	1.9 Fail	1.0 Fail	1.6 Fail	—

White BG

4.4AA Large

3.5AA Large

1.9Fail

1.2Fail

1.9Fail

Black BG

4.8AA

6.0AA

10.8AAA

17.4AAA

11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

94925F

A5A46E

CECEA2

E6E6ED

BCBCD0

Deuteranopia

9AA25E

ABB36D

D2D6A3

E5E5ED

BCBCCE

Tritanopia

BE5C5B

CD6C6C

E6A4A5

E2EDED

BDCAC9

Achromatopsia

777777

898989

BCBCBC

E9E9E9

BEBEBE

Shades & Tints Shades & Tints

#C45462

Dark

Light

#D2696F

Dark

Light

#E9AB9F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c45462;
  --color-2: #d2696f;
  --color-3: #e9ab9f;
  --color-4: #e2ebee;
  --color-5: #bdbad7;
}

SCSS

$color-1: #c45462;
$color-2: #d2696f;
$color-3: #e9ab9f;
$color-4: #e2ebee;
$color-5: #bdbad7;

TAILWIND

colors: {
  'brand-1': '#c45462',
  'brand-2': '#d2696f',
  'brand-3': '#e9ab9f',
  'brand-4': '#e2ebee',
  'brand-5': '#bdbad7',
}

RGB Array

[196, 84, 98], [210, 105, 111], [233, 171, 159], [226, 235, 238], [189, 186, 215]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #C45462, #D2696F, #E9AB9F, #E2EBEE, #BDBAD7 is ideal for: health products, baby brands, fresh-style blogs. 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: #c45462; --color-2: #d2696f; --color-3: #e9ab9f; --color-4: #e2ebee; --color-5: #bdbad7. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 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