#2F28A2

#2F28A2

Color Values

HEX

#2F28A2

RGB

47, 40, 162

HSL

243.4, 60.4%, 39.6%

HSV

243.4, 75.3%, 63.5%

CMYK

71.0%, 75.3%, 0.0%, 36.5%

OKLCH

0.3799 0.1865 275.4

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#2F28A2

#9BA228

Analogous

#285EA2

#6C28A2

#2F28A2

Triadic

#2F28A2

#A22F28

#28A22F

Split Complementary

#2F28A2

#A26C28

#5EA228

Tetradic

#2F28A2

#A2285E

#9BA228

#28A26C

Color Blindness Simulation

Original

#2F28A2

Protanopia

#2C2C85

Deuteranopia

#2C2D7D

Tritanopia

#2F6D68

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

10.79:1

AA Pass AAA Pass

Text on black

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