#EC8AAF

#EC8AAF

Color Values

HEX

#EC8AAF

RGB

236, 138, 175

HSL

337.3, 72.1%, 73.3%

HSV

337.3, 41.5%, 92.5%

CMYK

0.0%, 41.5%, 25.8%, 7.5%

OKLCH

0.7476 0.1262 356.5

Properties

Warm Light Nearest: Tickle Me Pink

Color Harmonies

Complementary

#EC8AAF

#8AECC7

Analogous

#EC8AE0

#EC968A

#EC8AAF

Triadic

#EC8AAF

#AFEC8A

#8AAFEC

Split Complementary

#EC8AAF

#8AEC96

#8AE0EC

Tetradic

#EC8AAF

#E0EC8A

#8AECC7

#968AEC

Color Blindness Simulation

Original

#EC8AAF

Protanopia

#C2C1A6

Deuteranopia

#C7CFA4

Tritanopia

#E79F9D

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#FCF3F6
100
#F8E2EA
200
#F5C2D5
300
#EE96B7
400
#E55D90
500
#DB2469
600
#B01C54
700
#8C1743
800
#6E1235
900
#501129
950
#320B1A

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

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