#EC888A

#EC888A

Color Values

HEX

#EC888A

RGB

236, 136, 138

HSL

358.8, 72.5%, 72.9%

HSV

358.8, 42.4%, 92.5%

CMYK

0.0%, 42.4%, 41.5%, 7.5%

OKLCH

0.7344 0.1224 19.2

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#EC888A

#88ECEA

Analogous

#EC88BC

#ECB888

#EC888A

Triadic

#EC888A

#8AEC88

#888AEC

Split Complementary

#EC888A

#88ECB8

#88BCEC

Tetradic

#EC888A

#BCEC88

#88ECEA

#B888EC

Color Blindness Simulation

Original

#EC888A

Protanopia

#C1C08A

Deuteranopia

#C6CE89

Tritanopia

#E78989

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E2E3
200
#F5C1C2
300
#EE9597
400
#E55C5F
500
#DC2327
600
#B01C1F
700
#8D1619
800
#6E1213
900
#501112
950
#330B0B

Contrast Checker

Text on white

2.48:1

AA Fail AAA Fail

Text on black

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