#ED9998

#ED9998

Color Values

HEX

#ED9998

RGB

237, 153, 152

HSL

0.7, 70.2%, 76.3%

HSV

0.7, 35.9%, 92.9%

CMYK

0.0%, 35.4%, 35.9%, 7.1%

OKLCH

0.7671 0.1014 20.4

Properties

Warm Light Nearest: NCS S 0530-R10B Rose

Color Harmonies

Complementary

#ED9998

#98ECED

Analogous

#ED98C2

#EDC498

#ED9998

Triadic

#ED9998

#98ED99

#9998ED

Split Complementary

#ED9998

#98EDC4

#98C2ED

Tetradic

#ED9998

#C2ED98

#98ECED

#C498ED

Color Blindness Simulation

Original

#ED9998

Protanopia

#C9C898

Deuteranopia

#CED498

Tritanopia

#E99898

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E3E2
200
#F4C3C2
300
#ED9897
400
#E3605E
500
#D92826
600
#AE201E
700
#8B1A18
800
#6D1413
900
#4F1312
950
#320C0B

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

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