#24526B

#24526B

Color Values

HEX

#24526B

RGB

36, 82, 107

HSL

201.1, 49.7%, 28.0%

HSV

201.1, 66.4%, 42.0%

CMYK

66.4%, 23.4%, 0.0%, 58.0%

OKLCH

0.418 0.0652 235.1

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#24526B

#6B3D24

Analogous

#246B60

#242E6B

#24526B

Triadic

#24526B

#6B2452

#526B24

Split Complementary

#24526B

#6B242E

#6B6024

Tetradic

#24526B

#60246B

#6B3D24

#2E6B24

Color Blindness Simulation

Original

#24526B

Protanopia

#383865

Deuteranopia

#353263

Tritanopia

#26605F

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E6EFF5
200
#CAE1ED
300
#A3CBE0
400
#72AFD0
500
#4092BF
600
#337599
700
#295E7A
800
#20495F
900
#1B3746
950
#11232C

Contrast Checker

Text on white

8.42:1

AA Pass AAA Pass

Text on black

2.49:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026