#EF686A

#EF686A

Color Values

HEX

#EF686A

RGB

239, 104, 106

HSL

359.1, 80.8%, 67.3%

HSV

359.1, 56.5%, 93.7%

CMYK

0.0%, 56.5%, 55.6%, 6.3%

OKLCH

0.6842 0.1672 21.7

Properties

Warm Light Nearest: indianred 2

Color Harmonies

Complementary

#EF686A

#68EFED

Analogous

#EF68AE

#EFAA68

#EF686A

Triadic

#EF686A

#6AEF68

#686AEF

Split Complementary

#EF686A

#68EFAA

#68AEEF

Tetradic

#EF686A

#AEEF68

#68EFED

#AA68EF

Color Blindness Simulation

Original

#EF686A

Protanopia

#B5B36A

Deuteranopia

#BCC669

Tritanopia

#E86969

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#F9E1E1
200
#F8BEBF
300
#F39092
400
#ED5457
500
#E7181C
600
#B81416
700
#941012
800
#730C0E
900
#540D0E
950
#350809

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

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