#24172F

#24172F

Color Values

HEX

#24172F

RGB

36, 23, 47

HSL

272.5, 34.3%, 13.7%

HSV

272.5, 51.1%, 18.4%

CMYK

23.4%, 51.1%, 0.0%, 81.6%

OKLCH

0.2335 0.048 308.0

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#24172F

#222F17

Analogous

#18172F

#2F172E

#24172F

Triadic

#24172F

#2F2417

#172F24

Split Complementary

#24172F

#2E2F17

#172F18

Tetradic

#24172F

#2F1817

#222F17

#172E2F

Color Blindness Simulation

Original

#24172F

Protanopia

#1E1E29

Deuteranopia

#1F2028

Tritanopia

#232524

Achromatopsia

#1B1B1B

CSS Usage

background-color: #24172F;
color: #24172F;
border-color: #24172F;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#F8F5FA
100
#EEE8F2
200
#DCCFE8
300
#C4ADD7
400
#A380C1
500
#8354AB
600
#694389
700
#54366E
800
#422A56
900
#32213F
950
#1F1528

Contrast Checker

Text on white

16.95:1

AA Pass AAA Pass

Text on black

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