#EC9694

#EC9694

Color Values

HEX

#EC9694

RGB

236, 150, 148

HSL

1.4, 69.8%, 75.3%

HSV

1.4, 37.3%, 92.5%

CMYK

0.0%, 36.4%, 37.3%, 7.5%

OKLCH

0.7599 0.1042 21.2

Properties

Warm Light Nearest: NCS S 0530-R10B Rose

Color Harmonies

Complementary

#EC9694

#94EAEC

Analogous

#EC94BE

#ECC294

#EC9694

Triadic

#EC9694

#94EC96

#9694EC

Split Complementary

#EC9694

#94ECC2

#94BEEC

Tetradic

#EC9694

#BEEC94

#94EAEC

#C294EC

Color Blindness Simulation

Original

#EC9694

Protanopia

#C7C694

Deuteranopia

#CCD295

Tritanopia

#E89595

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E3E3
200
#F4C4C2
300
#ED9997
400
#E3625F
500
#D82B27
600
#AD221F
700
#8B1B19
800
#6C1513
900
#4F1312
950
#320C0B

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

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