#154647

#154647

Color Values

HEX

#154647

RGB

21, 70, 71

HSL

181.2, 54.3%, 18.0%

HSV

181.2, 70.4%, 27.8%

CMYK

70.4%, 1.4%, 0.0%, 72.2%

OKLCH

0.3624 0.0514 197.0

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#154647

#471615

Analogous

#15472F

#152D47

#154647

Triadic

#154647

#471546

#464715

Split Complementary

#154647

#47152D

#472F15

Tetradic

#154647

#2F1547

#471615

#2D4715

Color Blindness Simulation

Original

#154647

Protanopia

#2A2B47

Deuteranopia

#272447

Tritanopia

#174747

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F5F5
200
#C8EEEF
300
#A1E2E3
400
#6DD2D4
500
#3AC2C5
600
#2F9B9D
700
#257C7E
800
#1D6162
900
#194748
950
#102D2E

Contrast Checker

Text on white

10.51:1

AA Pass AAA Pass

Text on black

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