#24477F

#24477F

Color Values

HEX

#24477F

RGB

36, 71, 127

HSL

216.9, 55.8%, 32.0%

HSV

216.9, 71.7%, 49.8%

CMYK

71.7%, 44.1%, 0.0%, 50.2%

OKLCH

0.4025 0.1029 259.4

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#24477F

#7F5C24

Analogous

#24757F

#2F247F

#24477F

Triadic

#24477F

#7F2447

#477F24

Split Complementary

#24477F

#7F2F24

#757F24

Tetradic

#24477F

#7F2475

#7F5C24

#247F2F

Color Blindness Simulation

Original

#24477F

Protanopia

#333371

Deuteranopia

#312E6E

Tritanopia

#266764

Achromatopsia

#444444

CSS Usage

background-color: #24477F;
color: #24477F;
border-color: #24477F;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F4F7FB
100
#E5EBF6
200
#C7D7EF
300
#A0BAE4
400
#6C95D5
500
#386FC7
600
#2D599F
700
#24477F
800
#1C3863
900
#182B49
950
#0F1B2E

Contrast Checker

Text on white

9.2:1

AA Pass AAA Pass

Text on black

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