#FE6C69

#FE6C69

Color Values

HEX

#FE6C69

RGB

254, 108, 105

HSL

1.2, 98.7%, 70.4%

HSV

1.2, 58.7%, 99.6%

CMYK

0.0%, 57.5%, 58.7%, 0.4%

OKLCH

0.7111 0.1793 23.9

Properties

Warm Light Nearest: indianred 1

Color Harmonies

Complementary

#FE6C69

#69FBFE

Analogous

#FE69B1

#FEB669

#FE6C69

Triadic

#FE6C69

#69FE6C

#6C69FE

Split Complementary

#FE6C69

#69FEB6

#69B1FE

Tetradic

#FE6C69

#B1FE69

#69FBFE

#B669FE

Color Blindness Simulation

Original

#FE6C69

Protanopia

#BFBE6A

Deuteranopia

#C7D26A

Tritanopia

#F76A6A

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDFDE
200
#FFB9B8
300
#FE8885
400
#FE4744
500
#FD0702
600
#CB0501
700
#A20401
800
#7F0301
900
#5B0705
950
#3A0503

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

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