#ED93C3

#ED93C3

Color Values

HEX

#ED93C3

RGB

237, 147, 195

HSL

328.0, 71.4%, 75.3%

HSV

328.0, 38.0%, 92.9%

CMYK

0.0%, 38.0%, 17.7%, 7.1%

OKLCH

0.7696 0.1228 347.2

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#ED93C3

#93EDBD

Analogous

#EA93ED

#ED9396

#ED93C3

Triadic

#ED93C3

#C3ED93

#93C3ED

Split Complementary

#ED93C3

#96ED93

#93EDEA

Tetradic

#ED93C3

#EDEA93

#93EDBD

#9396ED

Color Blindness Simulation

Original

#ED93C3

Protanopia

#C6C5B7

Deuteranopia

#CBD2B5

Tritanopia

#E8AEAC

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F8E2EE
200
#F5C2DD
300
#ED96C5
400
#E45DA5
500
#DB2486
600
#AF1D6B
700
#8C1755
800
#6D1243
900
#501133
950
#320B20

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

9.56:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026