#24514B

#24514B

Color Values

HEX

#24514B

RGB

36, 81, 75

HSL

172.0, 38.5%, 22.9%

HSV

172.0, 55.6%, 31.8%

CMYK

55.6%, 0.0%, 7.4%, 68.2%

OKLCH

0.4012 0.0508 184.0

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#24514B

#51242A

Analogous

#245134

#244051

#24514B

Triadic

#24514B

#4B2451

#514B24

Split Complementary

#24514B

#512440

#513424

Tetradic

#24514B

#342451

#51242A

#405124

Color Blindness Simulation

Original

#24514B

Protanopia

#37384C

Deuteranopia

#35324D

Tritanopia

#264E4E

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E7F3F1
200
#CEE9E5
300
#AAD9D3
400
#7CC5BB
500
#4EB1A3
600
#3F8D83
700
#327169
800
#275852
900
#20413D
950
#142926

Contrast Checker

Text on white

8.92:1

AA Pass AAA Pass

Text on black

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