#E09DA3

#E09DA3

Color Values

HEX

#E09DA3

RGB

224, 157, 163

HSL

354.6, 51.9%, 74.7%

HSV

354.6, 29.9%, 87.8%

CMYK

0.0%, 29.9%, 27.2%, 12.2%

OKLCH

0.7623 0.0805 13.2

Properties

Warm Light Nearest: lightpink 2

Color Harmonies

Complementary

#E09DA3

#9DE0DA

Analogous

#E09DC5

#E0B89D

#E09DA3

Triadic

#E09DA3

#A3E09D

#9DA3E0

Split Complementary

#E09DA3

#9DE0B8

#9DC5E0

Tetradic

#E09DA3

#C5E09D

#9DE0DA

#B89DE0

Color Blindness Simulation

Original

#E09DA3

Protanopia

#C3C2A2

Deuteranopia

#C7CCA1

Tritanopia

#DDA0A0

Achromatopsia

#ACACAC

CSS Usage

background-color: #E09DA3;
color: #E09DA3;
border-color: #E09DA3;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FBF4F5
100
#F5E5E7
200
#EEC9CC
300
#E2A2A8
400
#D27078
500
#C23D49
600
#9B313B
700
#7C272F
800
#611F25
900
#471A1E
950
#2D1013

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

9.52:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026