#FE6D79

#FE6D79

Color Values

HEX

#FE6D79

RGB

254, 109, 121

HSL

355.0, 98.6%, 71.2%

HSV

355.0, 57.1%, 99.6%

CMYK

0.0%, 57.1%, 52.4%, 0.4%

OKLCH

0.7155 0.1769 17.7

Properties

Warm Light Nearest: Wild Watermelon

Color Harmonies

Complementary

#FE6D79

#6DFEF2

Analogous

#FE6DC2

#FEA96D

#FE6D79

Triadic

#FE6D79

#79FE6D

#6D79FE

Split Complementary

#FE6D79

#6DFEA9

#6DC2FE

Tetradic

#FE6D79

#C2FE6D

#6DFEF2

#A96DFE

Color Blindness Simulation

Original

#FE6D79

Protanopia

#BFBE76

Deuteranopia

#C8D275

Tritanopia

#F77473

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDEE1
200
#FFB8BE
300
#FE8590
400
#FE4453
500
#FD0217
600
#CB0112
700
#A2010F
800
#7F010B
900
#5B050D
950
#3A0308

Contrast Checker

Text on white

2.74:1

AA Fail AAA Fail

Text on black

7.68:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026