#372CBA

#372CBA

Color Values

HEX

#372CBA

RGB

55, 44, 186

HSL

244.6, 61.7%, 45.1%

HSV

244.6, 76.3%, 72.9%

CMYK

70.4%, 76.3%, 0.0%, 27.1%

OKLCH

0.4161 0.2098 275.6

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#372CBA

#AFBA2C

Analogous

#2C68BA

#7E2CBA

#372CBA

Triadic

#372CBA

#BA372C

#2CBA37

Split Complementary

#372CBA

#BA7E2C

#68BA2C

Tetradic

#372CBA

#BA2C68

#AFBA2C

#2CBA7E

Color Blindness Simulation

Original

#372CBA

Protanopia

#323298

Deuteranopia

#33348F

Tritanopia

#367C77

Achromatopsia

#393939

CSS Usage

background-color: #372CBA;
color: #372CBA;
border-color: #372CBA;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F4F3FB
100
#E5E4F7
200
#C9C5F1
300
#A29CE8
400
#6F66DB
500
#3D31CE
600
#3127A5
700
#271F84
800
#1E1867
900
#1A164B
950
#100E30

Contrast Checker

Text on white

9.41:1

AA Pass AAA Pass

Text on black

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