#142F27

#142F27

Color Values

HEX

#142F27

RGB

20, 47, 39

HSL

162.2, 40.3%, 13.1%

HSV

162.2, 57.4%, 18.4%

CMYK

57.4%, 0.0%, 17.0%, 81.6%

OKLCH

0.2809 0.0366 172.1

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#142F27

#2F141C

Analogous

#142F19

#14292F

#142F27

Triadic

#142F27

#27142F

#2F2714

Split Complementary

#142F27

#2F1429

#2F1914

Tetradic

#142F27

#19142F

#2F141C

#292F14

Color Blindness Simulation

Original

#142F27

Protanopia

#202029

Deuteranopia

#1E1C29

Tritanopia

#152A2B

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F3F0
200
#CDEAE1
300
#A9DACC
400
#7BC7B0
500
#4CB394
600
#3D8F77
700
#31725F
800
#26594A
900
#1F4238
950
#142A23

Contrast Checker

Text on white

14.33:1

AA Pass AAA Pass

Text on black

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