#F44F4F

#F44F4F

Color Values

HEX

#F44F4F

RGB

244, 79, 79

HSL

0,0, 88,2%, 63,3%

HSV

0,0, 67,6%, 95,7%

CMYK

0,0%, 67,6%, 67,6%, 4,3%

OKLCH

0,6574 0,2016 24,6

Properties

Warm Light Nearest: Sunset Orange

Color Harmonies

Complementary

#F44F4F

#4FF4F4

Analogous

#F44FA1

#F4A14F

#F44F4F

Triadic

#F44F4F

#4FF44F

#4F4FF4

Split Complementary

#F44F4F

#4FF4A1

#4FA1F4

Tetradic

#F44F4F

#A1F44F

#4FF4F4

#A14FF4

Color Blindness Simulation

Original

#F44F4F

Protanopia

#ADAB4F

Deuteranopia

#B6C24F

Tritanopia

#EC4F4F

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FBE0E0
200
#FBBCBC
300
#F88C8C
400
#F44D4D
500
#F00F0F
600
#C00C0C
700
#9A0A0A
800
#780808
900
#570A0A
950
#370606

Contrast Checker

Text on white

3,46:1

AA Fail AAA Fail

Text on black

6,08:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026