#ED97CC

#ED97CC

Color Values

HEX

#ED97CC

RGB

237, 151, 204

HSL

323.0, 70.5%, 76.1%

HSV

323.0, 36.3%, 92.9%

CMYK

0.0%, 36.3%, 13.9%, 7.1%

OKLCH

0.7791 0.1219 342.7

Properties

Warm Light Nearest: Orchid

Color Harmonies

Complementary

#ED97CC

#97EDB8

Analogous

#E397ED

#ED97A1

#ED97CC

Triadic

#ED97CC

#CCED97

#97CCED

Split Complementary

#ED97CC

#A1ED97

#97EDE3

Tetradic

#ED97CC

#EDE397

#97EDB8

#97A1ED

Color Blindness Simulation

Original

#ED97CC

Protanopia

#C8C7BF

Deuteranopia

#CDD3BC

Tritanopia

#E9B5B3

Achromatopsia

#ADADAD

CSS Usage

background-color: #ED97CC;
color: #ED97CC;
border-color: #ED97CC;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FCF3F8
100
#F8E2F0
200
#F4C2E1
300
#ED97CC
400
#E35EB0
500
#D92694
600
#AE1E77
700
#8B185F
800
#6D134A
900
#4F1238
950
#320B23

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

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