#24313C

#24313C

Color Values

HEX

#24313C

RGB

36, 49, 60

HSL

207.5, 25.0%, 18.8%

HSV

207.5, 40.0%, 23.5%

CMYK

40.0%, 18.3%, 0.0%, 76.5%

OKLCH

0.3062 0.0266 244.3

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#24313C

#3C2F24

Analogous

#243C3B

#24253C

#24313C

Triadic

#24313C

#3C2431

#313C24

Split Complementary

#24313C

#3C2425

#3C3B24

Tetradic

#24313C

#3B243C

#3C2F24

#253C24

Color Blindness Simulation

Original

#24313C

Protanopia

#2A2A39

Deuteranopia

#292839

Tritanopia

#253737

Achromatopsia

#2F2F2F

CSS Usage

background-color: #24313C;
color: #24313C;
border-color: #24313C;
Nearest Tailwind: Gray 800 #1F2937

Tailwind Shades

50
#F6F7F9
100
#E9EDF1
200
#D2DCE4
300
#B2C3D1
400
#89A3B8
500
#60829F
600
#4D6880
700
#3D5366
800
#304150
900
#26313B
950
#181F25

Contrast Checker

Text on white

13.29:1

AA Pass AAA Pass

Text on black

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