#24485C

#24485C

Color Values

HEX

#24485C

RGB

36, 72, 92

HSL

201.4, 43.8%, 25.1%

HSV

201.4, 60.9%, 36.1%

CMYK

60.9%, 21.7%, 0.0%, 63.9%

OKLCH

0.384 0.0537 234.9

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#24485C

#5C3824

Analogous

#245C54

#242C5C

#24485C

Triadic

#24485C

#5C2448

#485C24

Split Complementary

#24485C

#5C242C

#5C5424

Tetradic

#24485C

#54245C

#5C3824

#2C5C24

Color Blindness Simulation

Original

#24485C

Protanopia

#343457

Deuteranopia

#322F56

Tritanopia

#265352

Achromatopsia

#424242

CSS Usage

background-color: #24485C;
color: #24485C;
border-color: #24485C;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F5F8FA
100
#E7EFF4
200
#CCE0EB
300
#A7C9DD
400
#77ACCA
500
#4890B7
600
#397393
700
#2E5C75
800
#24485C
900
#1D3644
950
#13222B

Contrast Checker

Text on white

9.74:1

AA Pass AAA Pass

Text on black

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