#F7083B

#F7083B

Color Values

HEX

#F7083B

RGB

247, 8, 59

HSL

347.2, 93.7%, 50.0%

HSV

347.2, 96.8%, 96.9%

CMYK

0.0%, 96.8%, 76.1%, 3.1%

OKLCH

0.6182 0.2467 21.7

Properties

Warm Light Nearest: Scarlet

Color Harmonies

Complementary

#F7083B

#08F7C4

Analogous

#F708B2

#F74D08

#F7083B

Triadic

#F7083B

#3BF708

#083BF7

Split Complementary

#F7083B

#08F74D

#08B2F7

Tetradic

#F7083B

#B2F708

#08F7C4

#4D08F7

Color Blindness Simulation

Original

#F7083B

Protanopia

#8F8D2F

Deuteranopia

#9DAF2C

Tritanopia

#EB2523

Achromatopsia

#3E3E3E

CSS Usage

background-color: #F7083B;
color: #F7083B;
border-color: #F7083B;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FDF1F4
100
#FBDFE5
200
#FDBAC8
300
#FB88A1
400
#F9486E
500
#F7083B
600
#C6062F
700
#9E0526
800
#7B041E
900
#590819
950
#380510

Contrast Checker

Text on white

4.16:1

AA Fail AAA Fail

Text on black

5.05:1

AA Pass AAA Fail

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