#142116

#142116

Color Values

HEX

#142116

RGB

20, 33, 22

HSL

129.2, 24.5%, 10.4%

HSV

129.2, 39.4%, 12.9%

CMYK

39.4%, 0.0%, 33.3%, 87.1%

OKLCH

0.2317 0.0278 148.6

Properties

Cool Dark Nearest: RAL 6022 Olive Drab

Color Harmonies

Complementary

#142116

#21141F

Analogous

#192114

#14211D

#142116

Triadic

#142116

#161421

#211614

Split Complementary

#142116

#1D1421

#211419

Tetradic

#142116

#141921

#21141F

#211D14

Color Blindness Simulation

Original

#142116

Protanopia

#1A1A19

Deuteranopia

#191819

Tritanopia

#151B1B

Achromatopsia

#1D1D1D

CSS Usage

background-color: #142116;
color: #142116;
border-color: #142116;
Nearest Tailwind: Emerald 950 #022C22

Tailwind Shades

50
#F6F9F6
100
#E9F1EB
200
#D3E4D5
300
#B3D1B7
400
#8AB891
500
#609F6A
600
#4D7F55
700
#3E6644
800
#304F35
900
#263B29
950
#18251A

Contrast Checker

Text on white

16.68:1

AA Pass AAA Pass

Text on black

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