#154B47

#154B47

Color Values

HEX

#154B47

RGB

21, 75, 71

HSL

175.6, 56.3%, 18.8%

HSV

175.6, 72.0%, 29.4%

CMYK

72.0%, 0.0%, 5.3%, 70.6%

OKLCH

0.3768 0.0558 188.1

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#154B47

#4B1519

Analogous

#154B2C

#15344B

#154B47

Triadic

#154B47

#47154B

#4B4715

Split Complementary

#154B47

#4B1534

#4B2C15

Tetradic

#154B47

#2C154B

#4B1519

#344B15

Color Blindness Simulation

Original

#154B47

Protanopia

#2C2D48

Deuteranopia

#292548

Tritanopia

#184949

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E5F6F4
200
#C7EFEC
300
#9FE4DF
400
#6CD6CE
500
#38C7BD
600
#2D9F97
700
#248079
800
#1C645E
900
#184945
950
#0F2E2C

Contrast Checker

Text on white

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