#EC99B4

#EC99B4

Color Values

HEX

#EC99B4

RGB

236, 153, 180

HSL

340.5, 68.6%, 76.3%

HSV

340.5, 35.2%, 92.5%

CMYK

0.0%, 35.2%, 23.7%, 7.5%

OKLCH

0.7735 0.1043 358.8

Properties

Warm Light Nearest: Mauvelous

Color Harmonies

Complementary

#EC99B4

#99ECD1

Analogous

#EC99DE

#ECA899

#EC99B4

Triadic

#EC99B4

#B4EC99

#99B4EC

Split Complementary

#EC99B4

#99ECA8

#99DEEC

Tetradic

#EC99B4

#DEEC99

#99ECD1

#A899EC

Color Blindness Simulation

Original

#EC99B4

Protanopia

#C8C7AD

Deuteranopia

#CDD3AC

Tritanopia

#E8A8A7

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#FCF3F6
100
#F8E3EA
200
#F4C3D3
300
#EC98B3
400
#E1608A
500
#D72861
600
#AC204E
700
#8A1A3E
800
#6B1430
900
#4E1326
950
#310C18

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

9.78:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026