#122320

#122320

Color Values

HEX

#122320

RGB

18, 35, 32

HSL

169.4, 32.1%, 10.4%

HSV

169.4, 48.6%, 13.7%

CMYK

48.6%, 0.0%, 8.6%, 86.3%

OKLCH

0.24 0.0236 181.8

Properties

Cool Dark Nearest: RAL 7021 Black Grey

Color Harmonies

Complementary

#122320

#231215

Analogous

#122318

#121E23

#122320

Triadic

#122320

#201223

#232012

Split Complementary

#122320

#23121E

#231812

Tetradic

#122320

#181223

#231215

#1E2312

Color Blindness Simulation

Original

#122320

Protanopia

#191A21

Deuteranopia

#181721

Tritanopia

#132121

Achromatopsia

#1F1F1F

CSS Usage

background-color: #122320;
color: #122320;
border-color: #122320;
Nearest Tailwind: Teal 950 #042F2E

Tailwind Shades

50
#F5F9F9
100
#E8F2F0
200
#D0E7E3
300
#AED5CF
400
#82BFB4
500
#57A89A
600
#45877B
700
#376C63
800
#2B544D
900
#223E3A
950
#162724

Contrast Checker

Text on white

16.32:1

AA Pass AAA Pass

Text on black

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