#FE696F

#FE696F

Color Values

HEX

#FE696F

RGB

254, 105, 111

HSL

357.6, 98.7%, 70.4%

HSV

357.6, 58.7%, 99.6%

CMYK

0.0%, 58.7%, 56.3%, 0.4%

OKLCH

0.7084 0.182 20.6

Properties

Warm Light Nearest: indianred 1

Color Harmonies

Complementary

#FE696F

#69FEF8

Analogous

#FE69B9

#FEAE69

#FE696F

Triadic

#FE696F

#6FFE69

#696FFE

Split Complementary

#FE696F

#69FEAE

#69B9FE

Tetradic

#FE696F

#B9FE69

#69FEF8

#AE69FE

Color Blindness Simulation

Original

#FE696F

Protanopia

#BDBC6E

Deuteranopia

#C6D16D

Tritanopia

#F76C6C

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDEDF
200
#FFB8BB
300
#FE858A
400
#FE444B
500
#FD020C
600
#CB0109
700
#A20108
800
#7F0106
900
#5B0509
950
#3A0306

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

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