#24345C

#24345C

Color Values

HEX

#24345C

RGB

36, 52, 92

HSL

222.9, 43.8%, 25.1%

HSV

222.9, 60.9%, 36.1%

CMYK

60.9%, 43.5%, 0.0%, 63.9%

OKLCH

0.3327 0.0739 266.1

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#24345C

#5C4C24

Analogous

#24505C

#30245C

#24345C

Triadic

#24345C

#5C2434

#345C24

Split Complementary

#24345C

#5C3024

#505C24

Tetradic

#24345C

#5C2450

#5C4C24

#245C30

Color Blindness Simulation

Original

#24345C

Protanopia

#2B2B52

Deuteranopia

#2A2950

Tritanopia

#254B49

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7EAF4
200
#CCD5EB
300
#A7B6DD
400
#778FCA
500
#4867B7
600
#395393
700
#2E4275
800
#24345C
900
#1D2844
950
#13192B

Contrast Checker

Text on white

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