#24273C

#24273C

Color Values

HEX

#24273C

RGB

36, 39, 60

HSL

232.5, 25.0%, 18.8%

HSV

232.5, 40.0%, 23.5%

CMYK

40.0%, 35.0%, 0.0%, 76.5%

OKLCH

0.28 0.0389 277.3

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#24273C

#3C3924

Analogous

#24333C

#2D243C

#24273C

Triadic

#24273C

#3C2427

#273C24

Split Complementary

#24273C

#3C2D24

#333C24

Tetradic

#24273C

#3C2433

#3C3924

#243C2D

Color Blindness Simulation

Original

#24273C

Protanopia

#252537

Deuteranopia

#252536

Tritanopia

#243332

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#E9EAF1
200
#D2D5E4
300
#B2B6D1
400
#898FB8
500
#60689F
600
#4D5380
700
#3D4266
800
#303450
900
#26283B
950
#181925

Contrast Checker

Text on white

14.68:1

AA Pass AAA Pass

Text on black

1.43:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026