#154B48

#154B48

Color Values

HEX

#154B48

RGB

21, 75, 72

HSL

176.7, 56.3%, 18.8%

HSV

176.7, 72.0%, 29.4%

CMYK

72.0%, 0.0%, 4.0%, 70.6%

OKLCH

0.3772 0.0556 189.8

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#154B48

#4B1518

Analogous

#154B2D

#15334B

#154B48

Triadic

#154B48

#48154B

#4B4815

Split Complementary

#154B48

#4B1533

#4B2D15

Tetradic

#154B48

#2D154B

#4B1518

#334B15

Color Blindness Simulation

Original

#154B48

Protanopia

#2C2D49

Deuteranopia

#292549

Tritanopia

#184949

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F6F5
200
#C7EFED
300
#9FE4E0
400
#6CD6D0
500
#38C7BF
600
#2D9F99
700
#24807A
800
#1C6460
900
#184946
950
#0F2E2C

Contrast Checker

Text on white

9.85:1

AA Pass AAA Pass

Text on black

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