#101224

#101224

Color Values

HEX

#101224

RGB

16, 18, 36

HSL

234.0, 38.5%, 10.2%

HSV

234.0, 55.6%, 14.1%

CMYK

55.6%, 50.0%, 0.0%, 85.9%

OKLCH

0.1905 0.0365 277.5

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#101224

#242210

Analogous

#101C24

#181024

#101224

Triadic

#101224

#241012

#122410

Split Complementary

#101224

#241810

#1C2410

Tetradic

#101224

#24101C

#242210

#102418

Color Blindness Simulation

Original

#101224

Protanopia

#111120

Deuteranopia

#11111F

Tritanopia

#101C1B

Achromatopsia

#131313

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CED0E9
300
#AAAFD9
400
#7C84C5
500
#4E58B1
600
#3F478D
700
#323871
800
#272C58
900
#202341
950
#141629

Contrast Checker

Text on white

18.52:1

AA Pass AAA Pass

Text on black

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