#FE6B7A

#FE6B7A

Color Values

HEX

#FE6B7A

RGB

254, 107, 122

HSL

353.9, 98.7%, 70.8%

HSV

353.9, 57.9%, 99.6%

CMYK

0.0%, 57.9%, 52.0%, 0.4%

OKLCH

0.7132 0.1793 16.7

Properties

Warm Light Nearest: Wild Watermelon

Color Harmonies

Complementary

#FE6B7A

#6BFEEF

Analogous

#FE6BC3

#FEA66B

#FE6B7A

Triadic

#FE6B7A

#7AFE6B

#6B7AFE

Split Complementary

#FE6B7A

#6BFEA6

#6BC3FE

Tetradic

#FE6B7A

#C3FE6B

#6BFEEF

#A66BFE

Color Blindness Simulation

Original

#FE6B7A

Protanopia

#BEBD76

Deuteranopia

#C7D276

Tritanopia

#F77473

Achromatopsia

#8B8B8B

CSS Usage

background-color: #FE6B7A;
color: #FE6B7A;
border-color: #FE6B7A;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FEF1F2
100
#FCDEE1
200
#FFB8BF
300
#FE8592
400
#FE4456
500
#FD021B
600
#CB0116
700
#A20111
800
#7F010E
900
#5B050E
950
#3A0309

Contrast Checker

Text on white

2.76:1

AA Fail AAA Fail

Text on black

7.6:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026