#EC8EB2

#EC8EB2

Color Values

HEX

#EC8EB2

RGB

236, 142, 178

HSL

337.0, 71.2%, 74.1%

HSV

337.0, 39.8%, 92.5%

CMYK

0.0%, 39.8%, 24.6%, 7.5%

OKLCH

0.7549 0.1211 355.9

Properties

Warm Light Nearest: Pink Sherbet

Color Harmonies

Complementary

#EC8EB2

#8EECC8

Analogous

#EC8EE1

#EC998E

#EC8EB2

Triadic

#EC8EB2

#B2EC8E

#8EB2EC

Split Complementary

#EC8EB2

#8EEC99

#8EE1EC

Tetradic

#EC8EB2

#E1EC8E

#8EECC8

#998EEC

Color Blindness Simulation

Original

#EC8EB2

Protanopia

#C3C2A9

Deuteranopia

#C9D0A7

Tritanopia

#E7A2A1

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#FCF3F6
100
#F8E2EB
200
#F5C2D5
300
#ED96B8
400
#E45D91
500
#DA256A
600
#AF1D55
700
#8C1844
800
#6D1235
900
#4F1129
950
#320B1A

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

9.08:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026