#24283C

#24283C

Color Values

HEX

#24283C

RGB

36, 40, 60

HSL

230.0, 25.0%, 18.8%

HSV

230.0, 40.0%, 23.5%

CMYK

40.0%, 33.3%, 0.0%, 76.5%

OKLCH

0.2825 0.0373 275.1

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#24283C

#3C3824

Analogous

#24343C

#2C243C

#24283C

Triadic

#24283C

#3C2428

#283C24

Split Complementary

#24283C

#3C2C24

#343C24

Tetradic

#24283C

#3C2434

#3C3824

#243C2C

Color Blindness Simulation

Original

#24283C

Protanopia

#262637

Deuteranopia

#262536

Tritanopia

#243332

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#E9EBF1
200
#D2D5E4
300
#B2B8D1
400
#8991B8
500
#606A9F
600
#4D5580
700
#3D4466
800
#303550
900
#26293B
950
#181A25

Contrast Checker

Text on white

14.55:1

AA Pass AAA Pass

Text on black

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