#24355B

#24355B

Color Values

HEX

#24355B

RGB

36, 53, 91

HSL

221.5, 43.3%, 24.9%

HSV

221.5, 60.4%, 35.7%

CMYK

60.4%, 41.8%, 0.0%, 64.3%

OKLCH

0.3345 0.071 264.7

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#24355B

#5B4A24

Analogous

#24505B

#2F245B

#24355B

Triadic

#24355B

#5B2435

#355B24

Split Complementary

#24355B

#5B2F24

#505B24

Tetradic

#24355B

#5B2450

#5B4A24

#245B2F

Color Blindness Simulation

Original

#24355B

Protanopia

#2B2C52

Deuteranopia

#2A2950

Tritanopia

#254B49

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7EBF4
200
#CCD5EB
300
#A7B8DC
400
#7891CA
500
#486AB7
600
#3A5592
700
#2E4475
800
#24355B
900
#1E2943
950
#131A2B

Contrast Checker

Text on white

12.1:1

AA Pass AAA Pass

Text on black

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