#E76C69

#E76C69

Color Values

HEX

#E76C69

RGB

231, 108, 105

HSL

1.4, 72.4%, 65.9%

HSV

1.4, 54.5%, 90.6%

CMYK

0.0%, 53.2%, 54.5%, 9.4%

OKLCH

0.6781 0.1537 23.4

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#E76C69

#69E4E7

Analogous

#E769A5

#E7AB69

#E76C69

Triadic

#E76C69

#69E76C

#6C69E7

Split Complementary

#E76C69

#69E7AB

#69A5E7

Tetradic

#E76C69

#A5E769

#69E4E7

#AB69E7

Color Blindness Simulation

Original

#E76C69

Protanopia

#B2B16A

Deuteranopia

#B9C26A

Tritanopia

#E16A6A

Achromatopsia

#868686

CSS Usage

background-color: #E76C69;
color: #E76C69;
border-color: #E76C69;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FCF3F3
100
#F8E3E2
200
#F5C3C1
300
#EE9895
400
#E5605C
500
#DC2723
600
#B0201C
700
#8D1917
800
#6E1412
900
#501211
950
#330C0B

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

6.75:1

AA Pass AAA Fail

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