#EDBAD4

#EDBAD4

Color Values

HEX

#EDBAD4

RGB

237, 186, 212

HSL

329.4, 58.6%, 82.9%

HSV

329.4, 21.5%, 92.9%

CMYK

0.0%, 21.5%, 10.5%, 7.1%

OKLCH

0.842 0.0674 346.6

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#EDBAD4

#BAEDD3

Analogous

#ECBAED

#EDBABA

#EDBAD4

Triadic

#EDBAD4

#D4EDBA

#BAD4ED

Split Complementary

#EDBAD4

#BAEDBA

#BAEDEC

Tetradic

#EDBAD4

#EDECBA

#BAEDD3

#BABAED

Color Blindness Simulation

Original

#EDBAD4

Protanopia

#D7D6CE

Deuteranopia

#DADECC

Tritanopia

#EAC9C8

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F6E4ED
200
#F0C6DC
300
#E69EC3
400
#D869A2
500
#CA3581
600
#A22A67
700
#812253
800
#651A40
900
#4A1731
950
#2F0E1F

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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