#FF2A6F

#FF2A6F

Color Values

HEX

#FF2A6F

RGB

255, 42, 111

HSL

340.6, 100.0%, 58.2%

HSV

340.6, 83.5%, 100.0%

CMYK

0.0%, 83.5%, 56.5%, 0.0%

OKLCH

0.6532 0.2418 9.6

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#FF2A6F

#2AFFBA

Analogous

#FF2AD9

#FF4F2A

#FF2A6F

Triadic

#FF2A6F

#6FFF2A

#2A6FFF

Split Complementary

#FF2A6F

#2AFF4F

#2AD9FF

Tetradic

#FF2A6F

#D9FF2A

#2AFFBA

#4F2AFF

Color Blindness Simulation

Original

#FF2A6F

Protanopia

#A3A15E

Deuteranopia

#AFBF5A

Tritanopia

#F4514E

Achromatopsia

#5C5C5C

CSS Usage

background-color: #FF2A6F;
color: #FF2A6F;
border-color: #FF2A6F;
Nearest Tailwind: Rose 500 #F43F5E

Tailwind Shades

50
#FEF1F5
100
#FCDEE8
200
#FFB8CF
300
#FF85AC
400
#FF427F
500
#FF0052
600
#CC0042
700
#A30035
800
#800029
900
#5C0521
950
#3A0315

Contrast Checker

Text on white

3.61:1

AA Fail AAA Fail

Text on black

5.81:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026