#142A23

#142A23

Color Values

HEX

#142A23

RGB

20, 42, 35

HSL

160.9, 35.5%, 12.2%

HSV

160.9, 52.4%, 16.5%

CMYK

52.4%, 0.0%, 16.7%, 83.5%

OKLCH

0.2641 0.0313 171.3

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#142A23

#2A141B

Analogous

#142A18

#14262A

#142A23

Triadic

#142A23

#23142A

#2A2314

Split Complementary

#142A23

#2A1426

#2A1814

Tetradic

#142A23

#18142A

#2A141B

#262A14

Color Blindness Simulation

Original

#142A23

Protanopia

#1E1E25

Deuteranopia

#1C1B25

Tritanopia

#152626

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E8F3EF
200
#CFE8E0
300
#ACD8CA
400
#7FC2AD
500
#52AD90
600
#428A73
700
#356F5C
800
#295648
900
#214036
950
#152822

Contrast Checker

Text on white

15.16:1

AA Pass AAA Pass

Text on black

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