#F10706

#F10706

Color Values

HEX

#F10706

RGB

241, 7, 6

HSL

0.3, 95.1%, 48.4%

HSV

0.3, 97.5%, 94.5%

CMYK

0.0%, 97.1%, 97.5%, 5.5%

OKLCH

0.6032 0.2454 29.1

Properties

Warm Light Nearest: red 2

Color Harmonies

Complementary

#F10706

#06F0F1

Analogous

#F1067A

#F17D06

#F10706

Triadic

#F10706

#06F107

#0706F1

Split Complementary

#F10706

#06F17D

#067AF1

Tetradic

#F10706

#7AF106

#06F0F1

#7D06F1

Color Blindness Simulation

Original

#F10706

Protanopia

#8C8A06

Deuteranopia

#99AB06

Tritanopia

#E50606

Achromatopsia

#393939

CSS Usage

background-color: #F10706;
color: #F10706;
border-color: #F10706;
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.4:1

AA Fail AAA Fail

Text on black

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