#24345B

#24345B

Color Values

HEX

#24345B

RGB

36, 52, 91

HSL

222.5, 43.3%, 24.9%

HSV

222.5, 60.4%, 35.7%

CMYK

60.4%, 42.9%, 0.0%, 64.3%

OKLCH

0.3321 0.0723 265.8

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#24345B

#5B4B24

Analogous

#24505B

#2F245B

#24345B

Triadic

#24345B

#5B2434

#345B24

Split Complementary

#24345B

#5B2F24

#505B24

Tetradic

#24345B

#5B2450

#5B4B24

#245B2F

Color Blindness Simulation

Original

#24345B

Protanopia

#2B2B52

Deuteranopia

#2A294F

Tritanopia

#254A48

Achromatopsia

#333333

CSS Usage

background-color: #24345B;
color: #24345B;
border-color: #24345B;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F5F6FA
100
#E7EAF4
200
#CCD5EB
300
#A7B7DC
400
#7890CA
500
#4868B7
600
#3A5492
700
#2E4375
800
#24345B
900
#1E2943
950
#131A2B

Contrast Checker

Text on white

12.23:1

AA Pass AAA Pass

Text on black

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