#2024AC

#2024AC

Color Values

HEX

#2024AC

RGB

32, 36, 172

HSL

238.3, 68.6%, 40.0%

HSV

238.3, 81.4%, 67.5%

CMYK

81.4%, 79.1%, 0.0%, 32.5%

OKLCH

0.3769 0.2062 269.8

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#2024AC

#ACA820

Analogous

#206AAC

#6220AC

#2024AC

Triadic

#2024AC

#AC2024

#24AC20

Split Complementary

#2024AC

#AC6220

#6AAC20

Tetradic

#2024AC

#AC206A

#ACA820

#20AC62

Color Blindness Simulation

Original

#2024AC

Protanopia

#22228B

Deuteranopia

#222183

Tritanopia

#20716B

Achromatopsia

#2D2D2D

CSS Usage

background-color: #2024AC;
color: #2024AC;
border-color: #2024AC;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F3F3FC
100
#E3E3F8
200
#C3C4F4
300
#989AEC
400
#6064E1
500
#282DD7
600
#2024AC
700
#1A1D8A
800
#14166B
900
#13144E
950
#0C0D31

Contrast Checker

Text on white

11.0:1

AA Pass AAA Pass

Text on black

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