#F7694B

#F7694B

Color Values

HEX

#F7694B

RGB

247, 105, 75

HSL

10.5, 91.5%, 63.1%

HSV

10.5, 69.6%, 96.9%

CMYK

0.0%, 57.5%, 69.6%, 3.1%

OKLCH

0.6923 0.1806 33.6

Properties

Warm Light Nearest: coral 1

Color Harmonies

Complementary

#F7694B

#4BD9F7

Analogous

#F74B83

#F7BF4B

#F7694B

Triadic

#F7694B

#4BF769

#694BF7

Split Complementary

#F7694B

#4BF7BF

#4B83F7

Tetradic

#F7694B

#83F74B

#4BD9F7

#BF4BF7

Color Blindness Simulation

Original

#F7694B

Protanopia

#B9B852

Deuteranopia

#C2CC54

Tritanopia

#F05859

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#FDF3F1
100
#FBE4DF
200
#FCC6BB
300
#FA9D8A
400
#F7694A
500
#F4340B
600
#C32909
700
#9C2107
800
#7A1A05
900
#581709
950
#380E05

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

7.08:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026