#EF7276

#EF7276

Color Values

HEX

#EF7276

RGB

239, 114, 118

HSL

358.1, 79.6%, 69.2%

HSV

358.1, 52.3%, 93.7%

CMYK

0.0%, 52.3%, 50.6%, 6.3%

OKLCH

0.7005 0.1544 19.9

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#EF7276

#72EFEB

Analogous

#EF72B4

#EFAD72

#EF7276

Triadic

#EF7276

#76EF72

#7276EF

Split Complementary

#EF7276

#72EFAD

#72B4EF

Tetradic

#EF7276

#B4EF72

#72EFEB

#AD72EF

Color Blindness Simulation

Original

#EF7276

Protanopia

#B9B875

Deuteranopia

#C0C975

Tritanopia

#E97474

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#F9E1E2
200
#F8BFC1
300
#F39194
400
#EC565A
500
#E51A20
600
#B7151A
700
#931115
800
#720D10
900
#530E10
950
#35090A

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

7.34:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026