#142B22

#142B22

Color Values

HEX

#142B22

RGB

20, 43, 34

HSL

156.5, 36.5%, 12.4%

HSV

156.5, 53.5%, 16.9%

CMYK

53.5%, 0.0%, 20.9%, 83.1%

OKLCH

0.2668 0.034 166.6

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#142B22

#2B141D

Analogous

#142B17

#14292B

#142B22

Triadic

#142B22

#22142B

#2B2214

Split Complementary

#142B22

#2B1429

#2B1714

Tetradic

#142B22

#17142B

#2B141D

#292B14

Color Blindness Simulation

Original

#142B22

Protanopia

#1E1E24

Deuteranopia

#1D1B25

Tritanopia

#152626

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E8F3EE
200
#CEE8DE
300
#ABD8C7
400
#7EC3A8
500
#51AE8A
600
#418B6E
700
#346F58
800
#285745
900
#214034
950
#152921

Contrast Checker

Text on white

15.02:1

AA Pass AAA Pass

Text on black

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