#154C47

#154C47

Color Values

HEX

#154C47

RGB

21, 76, 71

HSL

174.5, 56.7%, 19.0%

HSV

174.5, 72.4%, 29.8%

CMYK

72.4%, 0.0%, 6.6%, 70.2%

OKLCH

0.3797 0.0569 186.5

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#154C47

#4C151A

Analogous

#154C2B

#15354C

#154C47

Triadic

#154C47

#47154C

#4C4715

Split Complementary

#154C47

#4C1535

#4C2B15

Tetradic

#154C47

#2B154C

#4C151A

#354C15

Color Blindness Simulation

Original

#154C47

Protanopia

#2D2D48

Deuteranopia

#2A2648

Tritanopia

#184949

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E5F6F4
200
#C7F0EC
300
#9FE5DE
400
#6BD6CC
500
#37C8BB
600
#2CA095
700
#238077
800
#1C645D
900
#184945
950
#0F2E2B

Contrast Checker

Text on white

9.74:1

AA Pass AAA Pass

Text on black

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