#24293C

#24293C

Color Values

HEX

#24293C

RGB

36, 41, 60

HSL

227.5, 25.0%, 18.8%

HSV

227.5, 40.0%, 23.5%

CMYK

40.0%, 31.7%, 0.0%, 76.5%

OKLCH

0.2851 0.0357 272.6

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#24293C

#3C3724

Analogous

#24353C

#2B243C

#24293C

Triadic

#24293C

#3C2429

#293C24

Split Complementary

#24293C

#3C2B24

#353C24

Tetradic

#24293C

#3C2435

#3C3724

#243C2B

Color Blindness Simulation

Original

#24293C

Protanopia

#262637

Deuteranopia

#262636

Tritanopia

#243433

Achromatopsia

#292929

CSS Usage

background-color: #24293C;
color: #24293C;
border-color: #24293C;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F6F6F9
100
#E9EBF1
200
#D2D6E4
300
#B2B9D1
400
#8993B8
500
#606D9F
600
#4D5780
700
#3D4666
800
#303650
900
#262A3B
950
#181B25

Contrast Checker

Text on white

14.41:1

AA Pass AAA Pass

Text on black

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