#24585F

#24585F

Color Values

HEX

#24585F

RGB

36, 88, 95

HSL

187.1, 45.0%, 25.7%

HSV

187.1, 62.1%, 37.3%

CMYK

62.1%, 7.4%, 0.0%, 62.7%

OKLCH

0.4284 0.056 207.2

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#24585F

#5F2B24

Analogous

#245F49

#243B5F

#24585F

Triadic

#24585F

#5F2458

#585F24

Split Complementary

#24585F

#5F243B

#5F4924

Tetradic

#24585F

#49245F

#5F2B24

#3B5F24

Color Blindness Simulation

Original

#24585F

Protanopia

#3B3B5D

Deuteranopia

#38345D

Tritanopia

#275C5C

Achromatopsia

#4D4D4D

CSS Usage

background-color: #24585F;
color: #24585F;
border-color: #24585F;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F4FAFA
100
#E6F2F4
200
#CBE8EB
300
#A6D7DD
400
#76C1CB
500
#46ABB9
600
#388994
700
#2D6E76
800
#23565C
900
#1D3F44
950
#12282B

Contrast Checker

Text on white

7.97:1

AA Pass AAA Pass

Text on black

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