#EC7E86

#EC7E86

Color Values

HEX

#EC7E86

RGB

236, 126, 134

HSL

355.6, 74.3%, 71.0%

HSV

355.6, 46.6%, 92.5%

CMYK

0.0%, 46.6%, 43.2%, 7.5%

OKLCH

0.7178 0.1353 16.5

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#EC7E86

#7EECE4

Analogous

#EC7EBD

#ECAD7E

#EC7E86

Triadic

#EC7E86

#86EC7E

#7E86EC

Split Complementary

#EC7E86

#7EECAD

#7EBDEC

Tetradic

#EC7E86

#BDEC7E

#7EECE4

#AD7EEC

Color Blindness Simulation

Original

#EC7E86

Protanopia

#BCBB84

Deuteranopia

#C3CB84

Tritanopia

#E68382

Achromatopsia

#969696

CSS Usage

background-color: #EC7E86;
color: #EC7E86;
border-color: #EC7E86;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FCF3F3
100
#F8E2E4
200
#F6C1C5
300
#EF949B
400
#E75B65
500
#DE212F
600
#B21A25
700
#8E151E
800
#6F1017
900
#511015
950
#330A0D

Contrast Checker

Text on white

2.66:1

AA Fail AAA Fail

Text on black

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