#2F28A4

#2F28A4

Color Values

HEX

#2F28A4

RGB

47, 40, 164

HSL

243.4, 60.8%, 40.0%

HSV

243.4, 75.6%, 64.3%

CMYK

71.3%, 75.6%, 0.0%, 35.7%

OKLCH

0.382 0.1889 275.2

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#2F28A4

#9DA428

Analogous

#285FA4

#6D28A4

#2F28A4

Triadic

#2F28A4

#A42F28

#28A42F

Split Complementary

#2F28A4

#A46D28

#5FA428

Tetradic

#2F28A4

#A4285F

#9DA428

#28A46D

Color Blindness Simulation

Original

#2F28A4

Protanopia

#2C2C86

Deuteranopia

#2C2D7F

Tritanopia

#2F6E69

Achromatopsia

#323232

CSS Usage

background-color: #2F28A4;
color: #2F28A4;
border-color: #2F28A4;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F4F3FB
100
#E5E4F6
200
#C8C6F1
300
#A19DE7
400
#6E67DA
500
#3B32CD
600
#2F28A4
700
#262083
800
#1D1967
900
#19164B
950
#100E2F

Contrast Checker

Text on white

10.71:1

AA Pass AAA Pass

Text on black

1.96: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