#24494D

#24494D

Color Values

HEX

#24494D

RGB

36, 73, 77

HSL

185.9, 36.3%, 22.2%

HSV

185.9, 53.2%, 30.2%

CMYK

53.2%, 5.2%, 0.0%, 69.8%

OKLCH

0.3797 0.0429 204.7

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#24494D

#4D2824

Analogous

#244D3D

#24354D

#24494D

Triadic

#24494D

#4D2449

#494D24

Split Complementary

#24494D

#4D2435

#4D3D24

Tetradic

#24494D

#3D244D

#4D2824

#354D24

Color Blindness Simulation

Original

#24494D

Protanopia

#34344C

Deuteranopia

#322F4C

Tritanopia

#264B4B

Achromatopsia

#414141

CSS Usage

background-color: #24494D;
color: #24494D;
border-color: #24494D;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F5F9FA
100
#E8F2F3
200
#CEE6E8
300
#ACD4D8
400
#7EBCC3
500
#51A5AE
600
#41848B
700
#34696F
800
#295257
900
#213D40
950
#152729

Contrast Checker

Text on white

9.84:1

AA Pass AAA Pass

Text on black

2.14:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026