#FC6B46

#FC6B46

Color Values

HEX

#FC6B46

RGB

252, 107, 70

HSL

12.2, 96.8%, 63.1%

HSV

12.2, 72.2%, 98.8%

CMYK

0.0%, 57.5%, 72.2%, 1.2%

OKLCH

0.7017 0.1853 35.4

Properties

Warm Light Nearest: Outrageous Orange

Color Harmonies

Complementary

#FC6B46

#46D7FC

Analogous

#FC467C

#FCC646

#FC6B46

Triadic

#FC6B46

#46FC6B

#6B46FC

Split Complementary

#FC6B46

#46FCC6

#467CFC

Tetradic

#FC6B46

#7CFC46

#46D7FC

#C646FC

Color Blindness Simulation

Original

#FC6B46

Protanopia

#BDBC4F

Deuteranopia

#C6D051

Tritanopia

#F55658

Achromatopsia

#878787

CSS Usage

background-color: #FC6B46;
color: #FC6B46;
border-color: #FC6B46;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FEF4F1
100
#FCE4DE
200
#FEC7B9
300
#FD9F87
400
#FC6A45
500
#FB3604
600
#C92B03
700
#A12303
800
#7D1B02
900
#5B1706
950
#390F04

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

7.33:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026