#EC8882

#EC8882

Color Values

HEX

#EC8882

RGB

236, 136, 130

HSL

3.4, 73.6%, 71.8%

HSV

3.4, 44.9%, 92.5%

CMYK

0.0%, 42.4%, 44.9%, 7.5%

OKLCH

0.7325 0.1232 24.2

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#EC8882

#82E6EC

Analogous

#EC82B1

#ECBD82

#EC8882

Triadic

#EC8882

#82EC88

#8882EC

Split Complementary

#EC8882

#82ECBD

#82B1EC

Tetradic

#EC8882

#B1EC82

#82E6EC

#BD82EC

Color Blindness Simulation

Original

#EC8882

Protanopia

#C1C083

Deuteranopia

#C6CE84

Tritanopia

#E78585

Achromatopsia

#9D9D9D

CSS Usage

background-color: #EC8882;
color: #EC8882;
border-color: #EC8882;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FCF3F3
100
#F8E3E2
200
#F6C4C1
300
#EF9A95
400
#E6635B
500
#DD2C22
600
#B1231B
700
#8E1C16
800
#6F1611
900
#511410
950
#330D0A

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

8.41: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