#372EAB

#372EAB

Color Values

HEX

#372EAB

RGB

55, 46, 171

HSL

244.3, 57.6%, 42.5%

HSV

244.3, 73.1%, 67.1%

CMYK

67.8%, 73.1%, 0.0%, 32.9%

OKLCH

0.4033 0.1896 276.9

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#372EAB

#A2AB2E

Analogous

#2E63AB

#752EAB

#372EAB

Triadic

#372EAB

#AB372E

#2EAB37

Split Complementary

#372EAB

#AB752E

#63AB2E

Tetradic

#372EAB

#AB2E63

#A2AB2E

#2EAB75

Color Blindness Simulation

Original

#372EAB

Protanopia

#33338D

Deuteranopia

#343486

Tritanopia

#377570

Achromatopsia

#393939

CSS Usage

background-color: #372EAB;
color: #372EAB;
border-color: #372EAB;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F4F4FB
100
#E6E4F6
200
#CAC7F0
300
#A49FE5
400
#726AD7
500
#4136C9
600
#342BA1
700
#292381
800
#201B64
900
#1B174A
950
#110F2E

Contrast Checker

Text on white

9.81:1

AA Pass AAA Pass

Text on black

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