#142828

#142828

Color Values

HEX

#142828

RGB

20, 40, 40

HSL

180.0, 33.3%, 11.8%

HSV

180.0, 50.0%, 15.7%

CMYK

50.0%, 0.0%, 0.0%, 84.3%

OKLCH

0.26 0.026 195.7

Properties

Cool Dark Nearest: RAL 5001 Green Blue

Color Harmonies

Complementary

#142828

#281414

Analogous

#14281E

#141E28

#142828

Triadic

#142828

#281428

#282814

Split Complementary

#142828

#28141E

#281E14

Tetradic

#142828

#1E1428

#281414

#1E2814

Color Blindness Simulation

Original

#142828

Protanopia

#1D1D28

Deuteranopia

#1C1A28

Tritanopia

#152828

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E8F2F2
200
#CFE7E7
300
#ADD6D6
400
#81C0C0
500
#55AAAA
600
#448888
700
#366D6D
800
#2B5555
900
#223F3F
950
#152828

Contrast Checker

Text on white

15.4:1

AA Pass AAA Pass

Text on black

1.36:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026