#2425B2

#2425B2

Color Values

HEX

#2425B2

RGB

36, 37, 178

HSL

239,6, 66,4%, 42,0%

HSV

239,6, 79,8%, 69,8%

CMYK

79,8%, 79,2%, 0,0%, 30,2%

OKLCH

0,387 0,2114 270,6

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#2425B2

#B2B124

Analogous

#246CB2

#6A24B2

#2425B2

Triadic

#2425B2

#B22425

#25B224

Split Complementary

#2425B2

#B26A24

#6CB224

Tetradic

#2425B2

#B2246C

#B2B124

#24B26A

Color Blindness Simulation

Original

#2425B2

Protanopia

#242490

Deuteranopia

#242488

Tritanopia

#24756F

Achromatopsia

#2F2F2F

CSS Usage

background-color: #2425B2;
color: #2425B2;
border-color: #2425B2;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F3F3FC
100
#E3E3F7
200
#C4C4F3
300
#999AEA
400
#6263DF
500
#2B2CD4
600
#2223AA
700
#1B1C88
800
#15166A
900
#13144D
950
#0C0D31

Contrast Checker

Text on white

10,59:1

AA Pass AAA Pass

Text on black

1,98:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026