#122222

#122222

Color Values

HEX

#122222

RGB

18, 34, 34

HSL

180.0, 30.8%, 10.2%

HSV

180.0, 47.1%, 13.3%

CMYK

47.1%, 0.0%, 0.0%, 86.7%

OKLCH

0.2378 0.0216 195.8

Properties

Cool Dark Nearest: RAL 7021 Black Grey

Color Harmonies

Complementary

#122222

#221212

Analogous

#12221A

#121A22

#122222

Triadic

#122222

#221222

#222212

Split Complementary

#122222

#22121A

#221A12

Tetradic

#122222

#1A1222

#221212

#1A2212

Color Blindness Simulation

Original

#122222

Protanopia

#191922

Deuteranopia

#181722

Tritanopia

#132222

Achromatopsia

#1F1F1F

CSS Usage

background-color: #122222;
color: #122222;
border-color: #122222;
Nearest Tailwind: Neutral 800 #262626

Tailwind Shades

50
#F5F9F9
100
#E8F2F2
200
#D0E6E6
300
#AFD5D5
400
#84BEBE
500
#58A7A7
600
#478585
700
#386B6B
800
#2C5353
900
#233E3E
950
#162727

Contrast Checker

Text on white

16.44:1

AA Pass AAA Pass

Text on black

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