#142C2E

#142C2E

Color Values

HEX

#142C2E

RGB

20, 44, 46

HSL

184.6, 39.4%, 12.9%

HSV

184.6, 56.5%, 18.0%

CMYK

56.5%, 4.3%, 0.0%, 82.0%

OKLCH

0.2746 0.0302 202.6

Properties

Cool Dark Nearest: RAL 5001 Green Blue

Color Harmonies

Complementary

#142C2E

#2E1614

Analogous

#142E23

#141F2E

#142C2E

Triadic

#142C2E

#2E142C

#2C2E14

Split Complementary

#142C2E

#2E141F

#2E2314

Tetradic

#142C2E

#23142E

#2E1614

#1F2E14

Color Blindness Simulation

Original

#142C2E

Protanopia

#1E1F2E

Deuteranopia

#1D1B2D

Tritanopia

#152D2D

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E7F2F3
200
#CDE7E9
300
#AAD6DA
400
#7BC0C6
500
#4DAAB2
600
#3E888E
700
#316D72
800
#275559
900
#1F3F42
950
#142829

Contrast Checker

Text on white

14.69:1

AA Pass AAA Pass

Text on black

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