#FE6F7B

#FE6F7B

Color Values

HEX

#FE6F7B

RGB

254, 111, 123

HSL

355.0, 98.6%, 71.6%

HSV

355.0, 56.3%, 99.6%

CMYK

0.0%, 56.3%, 51.6%, 0.4%

OKLCH

0.7185 0.1745 17.5

Properties

Warm Light Nearest: Wild Watermelon

Color Harmonies

Complementary

#FE6F7B

#6FFEF2

Analogous

#FE6FC2

#FEAB6F

#FE6F7B

Triadic

#FE6F7B

#7BFE6F

#6F7BFE

Split Complementary

#FE6F7B

#6FFEAB

#6FC2FE

Tetradic

#FE6F7B

#C2FE6F

#6FFEF2

#AB6FFE

Color Blindness Simulation

Original

#FE6F7B

Protanopia

#C0BF78

Deuteranopia

#C8D377

Tritanopia

#F77675

Achromatopsia

#8E8E8E

CSS Usage

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

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.7:1

AA Fail AAA Fail

Text on black

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