#ECBECF

#ECBECF

Color Values

HEX

#ECBECF

RGB

236, 190, 207

HSL

337.8, 54.8%, 83.5%

HSV

337.8, 19.5%, 92.5%

CMYK

0.0%, 19.5%, 12.3%, 7.5%

OKLCH

0.8468 0.0569 354.2

Properties

Warm Light Nearest: pink

Color Harmonies

Complementary

#ECBECF

#BEECDB

Analogous

#ECBEE6

#ECC4BE

#ECBECF

Triadic

#ECBECF

#CFECBE

#BECFEC

Split Complementary

#ECBECF

#BEECC4

#BEE6EC

Tetradic

#ECBECF

#E6ECBE

#BEECDB

#C4BEEC

Color Blindness Simulation

Original

#ECBECF

Protanopia

#D8D8CB

Deuteranopia

#DBDECA

Tritanopia

#EAC8C7

Achromatopsia

#C9C9C9

CSS Usage

background-color: #ECBECF;
color: #ECBECF;
border-color: #ECBECF;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#FBF4F6
100
#F5E5EB
200
#EFC8D6
300
#E3A0B9
400
#D46D93
500
#C53A6D
600
#9E2E57
700
#7E2546
800
#631D37
900
#48192A
950
#2E101B

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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