#2524BB

#2524BB

Color Values

HEX

#2524BB

RGB

37, 36, 187

HSL

240.4, 67.7%, 43.7%

HSV

240.4, 80.7%, 73.3%

CMYK

80.2%, 80.7%, 0.0%, 26.7%

OKLCH

0.3967 0.2224 270.4

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#2524BB

#BABB24

Analogous

#246EBB

#7024BB

#2524BB

Triadic

#2524BB

#BB2524

#24BB25

Split Complementary

#2524BB

#BB7024

#6EBB24

Tetradic

#2524BB

#BB246E

#BABB24

#24BB70

Color Blindness Simulation

Original

#2524BB

Protanopia

#252597

Deuteranopia

#25258E

Tritanopia

#257A73

Achromatopsia

#2F2F2F

CSS Usage

background-color: #2524BB;
color: #2524BB;
border-color: #2524BB;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F3F3FC
100
#E3E3F7
200
#C3C3F3
300
#9998EB
400
#6261E1
500
#2A29D6
600
#2221AB
700
#1B1A89
800
#15156B
900
#13134E
950
#0C0C31

Contrast Checker

Text on white

10.25:1

AA Pass AAA Pass

Text on black

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