#142F33

#142F33

Color Values

HEX

#142F33

RGB

20, 47, 51

HSL

187.7, 43.7%, 13.9%

HSV

187.7, 60.8%, 20.0%

CMYK

60.8%, 7.8%, 0.0%, 80.0%

OKLCH

0.2859 0.0336 208.0

Properties

Cool Dark Nearest: RAL 5001 Green Blue

Color Harmonies

Complementary

#142F33

#331814

Analogous

#143327

#141F33

#142F33

Triadic

#142F33

#33142F

#2F3314

Split Complementary

#142F33

#33141F

#332714

Tetradic

#142F33

#271433

#331814

#1F3314

Color Blindness Simulation

Original

#142F33

Protanopia

#202032

Deuteranopia

#1E1C32

Tritanopia

#153131

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F2F4
200
#CCE7EB
300
#A7D6DD
400
#77BFCA
500
#48A9B7
600
#398793
700
#2E6C75
800
#24545C
900
#1D3F44
950
#13282B

Contrast Checker

Text on white

14.15:1

AA Pass AAA Pass

Text on black

1.48:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026