#24464B

#24464B

Color Values

HEX

#24464B

RGB

36, 70, 75

HSL

187.7, 35.1%, 21.8%

HSV

187.7, 52.0%, 29.4%

CMYK

52.0%, 6.7%, 0.0%, 70.6%

OKLCH

0.3706 0.0405 207.8

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#24464B

#4B2924

Analogous

#244B3D

#24334B

#24464B

Triadic

#24464B

#4B2446

#464B24

Split Complementary

#24464B

#4B2433

#4B3D24

Tetradic

#24464B

#3D244B

#4B2924

#334B24

Color Blindness Simulation

Original

#24464B

Protanopia

#33334A

Deuteranopia

#312E4A

Tritanopia

#264949

Achromatopsia

#3F3F3F

CSS Usage

background-color: #24464B;
color: #24464B;
border-color: #24464B;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F5F9FA
100
#E8F1F2
200
#CFE5E8
300
#ACD2D7
400
#80B9C2
500
#53A1AC
600
#42818A
700
#35676E
800
#295056
900
#213C40
950
#152628

Contrast Checker

Text on white

10.23:1

AA Pass AAA Pass

Text on black

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