#154642

#154642

Color Values

HEX

#154642

RGB

21, 70, 66

HSL

175.1, 53.8%, 17.8%

HSV

175.1, 70.0%, 27.5%

CMYK

70.0%, 0.0%, 5.7%, 72.5%

OKLCH

0.3604 0.0522 187.5

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#154642

#461519

Analogous

#154629

#153146

#154642

Triadic

#154642

#421546

#464215

Split Complementary

#154642

#461531

#462915

Tetradic

#154642

#291546

#461519

#314615

Color Blindness Simulation

Original

#154642

Protanopia

#2A2B43

Deuteranopia

#272443

Tritanopia

#174444

Achromatopsia

#3B3B3B

CSS Usage

background-color: #154642;
color: #154642;
border-color: #154642;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F4FBFA
100
#E5F5F4
200
#C8EFEB
300
#A1E3DD
400
#6ED3CB
500
#3BC4B9
600
#2F9D94
700
#267E76
800
#1D625C
900
#194844
950
#102D2B

Contrast Checker

Text on white

10.57:1

AA Pass AAA Pass

Text on black

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