#2F28C9

#2F28C9

Color Values

HEX

#2F28C9

RGB

47, 40, 201

HSL

242.6, 66.8%, 47.3%

HSV

242.6, 80.1%, 78.8%

CMYK

76.6%, 80.1%, 0.0%, 21.2%

OKLCH

0.4226 0.2326 272.2

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#2F28C9

#C2C928

Analogous

#2872C9

#8028C9

#2F28C9

Triadic

#2F28C9

#C92F28

#28C92F

Split Complementary

#2F28C9

#C98028

#72C928

Tetradic

#2F28C9

#C92872

#C2C928

#28C980

Color Blindness Simulation

Original

#2F28C9

Protanopia

#2C2CA2

Deuteranopia

#2C2D99

Tritanopia

#2F837D

Achromatopsia

#353535

CSS Usage

background-color: #2F28C9;
color: #2F28C9;
border-color: #2F28C9;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F3F3FC
100
#E4E3F7
200
#C6C3F3
300
#9C99EB
400
#6762E0
500
#322AD5
600
#2822AA
700
#201B88
800
#19156A
900
#16134E
950
#0E0C31

Contrast Checker

Text on white

9.26:1

AA Pass AAA Pass

Text on black

2.27:1

AA Fail 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