#24545B

#24545B

Color Values

HEX

#24545B

RGB

36, 84, 91

HSL

187.6, 43.3%, 24.9%

HSV

187.6, 60.4%, 35.7%

CMYK

60.4%, 7.7%, 0.0%, 64.3%

OKLCH

0.4158 0.0529 208.1

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#24545B

#5B2B24

Analogous

#245B46

#24395B

#24545B

Triadic

#24545B

#5B2454

#545B24

Split Complementary

#24545B

#5B2439

#5B4624

Tetradic

#24545B

#46245B

#5B2B24

#395B24

Color Blindness Simulation

Original

#24545B

Protanopia

#393959

Deuteranopia

#363259

Tritanopia

#265858

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F2F4
200
#CCE7EB
300
#A7D6DC
400
#78BFCA
500
#48A9B7
600
#3A8792
700
#2E6C75
800
#24545B
900
#1E3F43
950
#13282B

Contrast Checker

Text on white

8.42:1

AA Pass AAA Pass

Text on black

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