#24657F

#24657F

Color Values

HEX

#24657F

RGB

36, 101, 127

HSL

197.1, 55.8%, 32.0%

HSV

197.1, 71.7%, 49.8%

CMYK

71.7%, 20.5%, 0.0%, 50.2%

OKLCH

0.4774 0.0768 228.3

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#24657F

#7F3E24

Analogous

#247F6C

#24387F

#24657F

Triadic

#24657F

#7F2465

#657F24

Split Complementary

#24657F

#7F2438

#7F6C24

Tetradic

#24657F

#6C247F

#7F3E24

#387F24

Color Blindness Simulation

Original

#24657F

Protanopia

#404179

Deuteranopia

#3C3877

Tritanopia

#277473

Achromatopsia

#595959

CSS Usage

background-color: #24657F;
color: #24657F;
border-color: #24657F;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F4F9FB
100
#E5F1F6
200
#C7E4EF
300
#A0D0E4
400
#6CB7D5
500
#389EC7
600
#2D7E9F
700
#24657F
800
#1C4F63
900
#183B49
950
#0F252E

Contrast Checker

Text on white

6.48:1

AA Pass AAA Fail

Text on black

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