#FE6D6F

#FE6D6F

Color Values

HEX

#FE6D6F

RGB

254, 109, 111

HSL

359.2, 98.6%, 71.2%

HSV

359.2, 57.1%, 99.6%

CMYK

0.0%, 57.1%, 56.3%, 0.4%

OKLCH

0.7135 0.1775 21.9

Properties

Warm Light Nearest: indianred 1

Color Harmonies

Complementary

#FE6D6F

#6DFEFC

Analogous

#FE6DB7

#FEB46D

#FE6D6F

Triadic

#FE6D6F

#6FFE6D

#6D6FFE

Split Complementary

#FE6D6F

#6DFEB4

#6DB7FE

Tetradic

#FE6D6F

#B7FE6D

#6DFEFC

#B46DFE

Color Blindness Simulation

Original

#FE6D6F

Protanopia

#BFBE6F

Deuteranopia

#C8D26E

Tritanopia

#F76E6E

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDEDF
200
#FFB8B9
300
#FE8587
400
#FE4446
500
#FD0205
600
#CB0104
700
#A20103
800
#7F0103
900
#5B0507
950
#3A0304

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

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