#EC968C

#EC968C

Color Values

HEX

#EC968C

RGB

236, 150, 140

HSL

6.2, 71.6%, 73.7%

HSV

6.2, 40.7%, 92.5%

CMYK

0.0%, 36.4%, 40.7%, 7.5%

OKLCH

0.758 0.1055 27.0

Properties

Warm Light Nearest: NCS S 0530-R10B Rose

Color Harmonies

Complementary

#EC968C

#8CE2EC

Analogous

#EC8CB2

#ECC68C

#EC968C

Triadic

#EC968C

#8CEC96

#968CEC

Split Complementary

#EC968C

#8CECC6

#8CB2EC

Tetradic

#EC968C

#B2EC8C

#8CE2EC

#C68CEC

Color Blindness Simulation

Original

#EC968C

Protanopia

#C7C68E

Deuteranopia

#CCD28F

Tritanopia

#E89091

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F8E5E2
200
#F5C7C2
300
#EE9F96
400
#E46B5D
500
#DB3724
600
#AF2C1D
700
#8C2317
800
#6D1C12
900
#501811
950
#320F0B

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

9.31:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026