#FF004F

#FF004F

Color Values

HEX

#FF004F

RGB

255, 0, 79

HSL

341,4, 100,0%, 50,0%

HSV

341,4, 100,0%, 100,0%

CMYK

0,0%, 100,0%, 69,0%, 0,0%

OKLCH

0,6343 0,2539 17,1

Properties

Warm Light Nearest: Scarlet

Color Harmonies

Complementary

#FF004F

#00FFB0

Analogous

#FF00CF

#FF3000

#FF004F

Triadic

#FF004F

#4FFF00

#004FFF

Split Complementary

#FF004F

#00FF30

#00CFFF

Tetradic

#FF004F

#CFFF00

#00FFB0

#3000FF

Color Blindness Simulation

Original

#FF004F

Protanopia

#918E3C

Deuteranopia

#9FB237

Tritanopia

#F22D29

Achromatopsia

#3C3C3C

CSS Usage

background-color: #FF004F;
color: #FF004F;
border-color: #FF004F;
Nearest Tailwind: Rose 600 #E11D48

Tailwind Shades

50
#FEF1F5
100
#FCDEE7
200
#FFB8CE
300
#FF85AB
400
#FF427D
500
#FF004F
600
#CC003F
700
#A30033
800
#800028
900
#5C0520
950
#3A0314

Contrast Checker

Text on white

3,91:1

AA Fail AAA Fail

Text on black

5,36: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