#EC807B

#EC807B

Color Values

HEX

#EC807B

RGB

236, 128, 123

HSL

2,7, 74,8%, 70,4%

HSV

2,7, 47,9%, 92,5%

CMYK

0,0%, 45,8%, 47,9%, 7,5%

OKLCH

0,7184 0,1337 23,7

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#EC807B

#7BE7EC

Analogous

#EC7BAE

#ECB97B

#EC807B

Triadic

#EC807B

#7BEC80

#807BEC

Split Complementary

#EC807B

#7BECB9

#7BAEEC

Tetradic

#EC807B

#AEEC7B

#7BE7EC

#B97BEC

Color Blindness Simulation

Original

#EC807B

Protanopia

#BDBC7C

Deuteranopia

#C4CC7C

Tritanopia

#E77D7D

Achromatopsia

#979797

CSS Usage

background-color: #EC807B;
color: #EC807B;
border-color: #EC807B;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FCF3F2
100
#F8E3E2
200
#F6C3C1
300
#F09894
400
#E7605A
500
#DF2920
600
#B2211A
700
#8F1A15
800
#6F1410
900
#511310
950
#330C0A

Contrast Checker

Text on white

2,64:1

AA Fail AAA Fail

Text on black

7,94: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