#FF2F45

#FF2F45

Color Values

HEX

#FF2F45

RGB

255, 47, 69

HSL

353.7, 100.0%, 59.2%

HSV

353.7, 81.6%, 100.0%

CMYK

0.0%, 81.6%, 72.9%, 0.0%

OKLCH

0.6484 0.2378 22.5

Properties

Warm Light Nearest: Scarlet

Color Harmonies

Complementary

#FF2F45

#2FFFE9

Analogous

#FF2FAD

#FF812F

#FF2F45

Triadic

#FF2F45

#45FF2F

#2F45FF

Split Complementary

#FF2F45

#2FFF81

#2FADFF

Tetradic

#FF2F45

#ADFF2F

#2FFFE9

#812FFF

Color Blindness Simulation

Original

#FF2F45

Protanopia

#A5A340

Deuteranopia

#B1C13E

Tritanopia

#F53B3B

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDEE1
200
#FFB8BF
300
#FF8591
400
#FF4256
500
#FF001B
600
#CC0015
700
#A30011
800
#80000D
900
#5C050E
950
#3A0309

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

5.74:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026