#2424AF

#2424AF

Color Values

HEX

#2424AF

RGB

36, 36, 175

HSL

240.0, 65.9%, 41.4%

HSV

240.0, 79.4%, 68.6%

CMYK

79.4%, 79.4%, 0.0%, 31.4%

OKLCH

0.3823 0.2087 270.8

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#2424AF

#AFAF24

Analogous

#246AAF

#6A24AF

#2424AF

Triadic

#2424AF

#AF2424

#24AF24

Split Complementary

#2424AF

#AF6A24

#6AAF24

Tetradic

#2424AF

#AF246A

#AFAF24

#24AF6A

Color Blindness Simulation

Original

#2424AF

Protanopia

#24248D

Deuteranopia

#242485

Tritanopia

#24736D

Achromatopsia

#2E2E2E

CSS Usage

background-color: #2424AF;
color: #2424AF;
border-color: #2424AF;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F3F3FC
100
#E3E3F7
200
#C4C4F3
300
#9999EA
400
#6262DF
500
#2B2BD4
600
#2323A9
700
#1C1C87
800
#16166A
900
#14144D
950
#0C0C31

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