#FC466F

#FC466F

Color Values

HEX

#FC466F

RGB

252, 70, 111

HSL

346.5, 96.8%, 63.1%

HSV

346.5, 72.2%, 98.8%

CMYK

0.0%, 72.2%, 56.0%, 1.2%

OKLCH

0.6677 0.2172 12.5

Properties

Warm Light Nearest: Radical Red

Color Harmonies

Complementary

#FC466F

#46FCD3

Analogous

#FC46CA

#FC7846

#FC466F

Triadic

#FC466F

#6FFC46

#466FFC

Split Complementary

#FC466F

#46FC78

#46CAFC

Tetradic

#FC466F

#CAFC46

#46FCD3

#7846FC

Color Blindness Simulation

Original

#FC466F

Protanopia

#ADAC65

Deuteranopia

#B8C563

Tritanopia

#F35D5C

Achromatopsia

#707070

CSS Usage

background-color: #FC466F;
color: #FC466F;
border-color: #FC466F;
Nearest Tailwind: Rose 500 #F43F5E

Tailwind Shades

50
#FEF1F4
100
#FCDEE5
200
#FEB9C8
300
#FD87A1
400
#FC456E
500
#FB043C
600
#C90330
700
#A10326
800
#7D021E
900
#5B0619
950
#390410

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

6.24:1

AA Pass AAA Fail

Related Articles

Tutorials

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

1월 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1월 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1월 15, 2026