#F00706

#F00706

Color Values

HEX

#F00706

RGB

240, 7, 6

HSL

0.3, 95.1%, 48.2%

HSV

0.3, 97.5%, 94.1%

CMYK

0.0%, 97.1%, 97.5%, 5.9%

OKLCH

0.6013 0.2446 29.1

Properties

Warm Light Nearest: red 2

Color Harmonies

Complementary

#F00706

#06EFF0

Analogous

#F0067A

#F07C06

#F00706

Triadic

#F00706

#06F007

#0706F0

Split Complementary

#F00706

#06F07C

#067AF0

Tetradic

#F00706

#7AF006

#06EFF0

#7C06F0

Color Blindness Simulation

Original

#F00706

Protanopia

#8B8906

Deuteranopia

#99AA06

Tritanopia

#E40606

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDFDF
200
#FDBAB9
300
#FC8888
400
#FA4847
500
#F90706
600
#C70605
700
#9F0504
800
#7C0403
900
#5A0707
950
#390504

Contrast Checker

Text on white

4.43:1

AA Fail AAA Fail

Text on black

4.74:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026