#021816

#021816

Color Values

HEX

#021816

RGB

2, 24, 22

HSL

174.5, 84.6%, 5.1%

HSV

174.5, 91.7%, 9.4%

CMYK

91.7%, 0.0%, 8.3%, 90.6%

OKLCH

0.1898 0.03 187.2

Properties

Cool Dark Nearest: RAL 9011 Graphite Black

Color Harmonies

Complementary

#021816

#180204

Analogous

#02180B

#020F18

#021816

Triadic

#021816

#160218

#181602

Split Complementary

#021816

#18020F

#180B02

Tetradic

#021816

#0B0218

#180204

#0F1802

Color Blindness Simulation

Original

#021816

Protanopia

#0C0C16

Deuteranopia

#0A0917

Tritanopia

#031717

Achromatopsia

#131313

CSS Usage

background-color: #021816;
color: #021816;
border-color: #021816;
Nearest Tailwind: Neutral 900 #171717

Tailwind Shades

50
#F2FDFC
100
#E0FAF8
200
#BDFAF4
300
#8EF6EC
400
#51F0E2
500
#14EBD8
600
#10BCAC
700
#0D978A
800
#0A766C
900
#0C554F
950
#073632

Contrast Checker

Text on white

18.34:1

AA Pass AAA Pass

Text on black

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