#FF2255

#FF2255

Color Values

HEX

#FF2255

RGB

255, 34, 85

HSL

346,2, 100,0%, 56,7%

HSV

346,2, 86,7%, 100,0%

CMYK

0,0%, 86,7%, 66,7%, 0,0%

OKLCH

0,6442 0,2443 16,9

Properties

Warm Light Nearest: Red

Color Harmonies

Complementary

#FF2255

#22FFCC

Analogous

#FF22C3

#FF5E22

#FF2255

Triadic

#FF2255

#55FF22

#2255FF

Split Complementary

#FF2255

#22FF5E

#22C3FF

Tetradic

#FF2255

#C3FF22

#22FFCC

#5E22FF

Color Blindness Simulation

Original

#FF2255

Protanopia

#9F9D49

Deuteranopia

#ACBD46

Tritanopia

#F43F3D

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FEF1F4
100
#FCDEE5
200
#FFB8C8
300
#FF85A1
400
#FF426E
500
#FF003B
600
#CC002F
700
#A30026
800
#80001D
900
#5C0519
950
#3A0310

Contrast Checker

Text on white

3,74:1

AA Fail AAA Fail

Text on black

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