#154B49

#154B49

Color Values

HEX

#154B49

RGB

21, 75, 73

HSL

177.8, 56.3%, 18.8%

HSV

177.8, 72.0%, 29.4%

CMYK

72.0%, 0.0%, 2.7%, 70.6%

OKLCH

0.3776 0.0554 191.5

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#154B49

#4B1517

Analogous

#154B2E

#15324B

#154B49

Triadic

#154B49

#49154B

#4B4915

Split Complementary

#154B49

#4B1532

#4B2E15

Tetradic

#154B49

#2E154B

#4B1517

#324B15

Color Blindness Simulation

Original

#154B49

Protanopia

#2C2D49

Deuteranopia

#29254A

Tritanopia

#184A4A

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F6F5
200
#C7EFEE
300
#9FE4E2
400
#6CD6D2
500
#38C7C2
600
#2D9F9B
700
#24807C
800
#1C6461
900
#184947
950
#0F2E2D

Contrast Checker

Text on white

9.84:1

AA Pass AAA Pass

Text on black

2.13:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026