#24465B

#24465B

Color Values

HEX

#24465B

RGB

36, 70, 91

HSL

202.9, 43.3%, 24.9%

HSV

202.9, 60.4%, 35.7%

CMYK

60.4%, 23.1%, 0.0%, 64.3%

OKLCH

0.3782 0.0536 237.6

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#24465B

#5B3924

Analogous

#245B54

#242B5B

#24465B

Triadic

#24465B

#5B2446

#465B24

Split Complementary

#24465B

#5B242B

#5B5424

Tetradic

#24465B

#54245B

#5B3924

#2B5B24

Color Blindness Simulation

Original

#24465B

Protanopia

#333356

Deuteranopia

#312E55

Tritanopia

#265251

Achromatopsia

#404040

CSS Usage

background-color: #24465B;
color: #24465B;
border-color: #24465B;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F5F8FA
100
#E7EFF4
200
#CCDFEB
300
#A7C8DC
400
#78AACA
500
#488DB7
600
#3A7092
700
#2E5A75
800
#24465B
900
#1E3543
950
#13212B

Contrast Checker

Text on white

9.99:1

AA Pass AAA Pass

Text on black

2.1:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026