#F7704B

#F7704B

Color Values

HEX

#F7704B

RGB

247, 112, 75

HSL

12.9, 91.5%, 63.1%

HSV

12.9, 69.6%, 96.9%

CMYK

0.0%, 54.7%, 69.6%, 3.1%

OKLCH

0.7018 0.1742 36.2

Properties

Warm Light Nearest: Outrageous Orange

Color Harmonies

Complementary

#F7704B

#4BD2F7

Analogous

#F74B7C

#F7C64B

#F7704B

Triadic

#F7704B

#4BF770

#704BF7

Split Complementary

#F7704B

#4BF7C6

#4B7CF7

Tetradic

#F7704B

#7CF74B

#4BD2F7

#C64BF7

Color Blindness Simulation

Original

#F7704B

Protanopia

#BDBB54

Deuteranopia

#C4CE56

Tritanopia

#F05B5D

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#FDF4F1
100
#FBE5DF
200
#FCC9BB
300
#FAA28A
400
#F76F4A
500
#F43D0B
600
#C33109
700
#9C2707
800
#7A1F05
900
#581A09
950
#381005

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

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