#153F45

#153F45

Color Values

HEX

#153F45

RGB

21, 63, 69

HSL

187.5, 53.3%, 17.6%

HSV

187.5, 69.6%, 27.1%

CMYK

69.6%, 8.7%, 0.0%, 72.9%

OKLCH

0.3413 0.0469 208.2

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#153F45

#451B15

Analogous

#154533

#152745

#153F45

Triadic

#153F45

#45153F

#3F4515

Split Complementary

#153F45

#451527

#453315

Tetradic

#153F45

#331545

#451B15

#274515

Color Blindness Simulation

Original

#153F45

Protanopia

#272844

Deuteranopia

#252243

Tritanopia

#174242

Achromatopsia

#373737

CSS Usage

background-color: #153F45;
color: #153F45;
border-color: #153F45;
Nearest Tailwind: Teal 950 #042F2E

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C8EAEE
300
#A1DAE2
400
#6EC6D3
500
#3CB2C3
600
#308F9C
700
#26727D
800
#1E5962
900
#194248
950
#102A2D

Contrast Checker

Text on white

11.48:1

AA Pass AAA Pass

Text on black

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