#F66F4B

#F66F4B

Color Values

HEX

#F66F4B

RGB

246, 111, 75

HSL

12.6, 90.5%, 62.9%

HSV

12.6, 69.5%, 96.5%

CMYK

0.0%, 54.9%, 69.5%, 3.5%

OKLCH

0.6989 0.174 35.9

Properties

Warm Light Nearest: Outrageous Orange

Color Harmonies

Complementary

#F66F4B

#4BD2F6

Analogous

#F64B7C

#F6C44B

#F66F4B

Triadic

#F66F4B

#4BF66F

#6F4BF6

Split Complementary

#F66F4B

#4BF6C4

#4B7CF6

Tetradic

#F66F4B

#7CF64B

#4BD2F6

#C44BF6

Color Blindness Simulation

Original

#F66F4B

Protanopia

#BCBA54

Deuteranopia

#C3CE56

Tritanopia

#EF5B5C

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#FDF4F1
100
#FBE5DF
200
#FCC9BB
300
#F9A28A
400
#F66F4B
500
#F33D0C
600
#C2300A
700
#9B2708
800
#791E06
900
#581A09
950
#381006

Contrast Checker

Text on white

2.88:1

AA Fail AAA Fail

Text on black

7.29:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026