#155C60

#155C60

Color Values

HEX

#155C60

RGB

21, 92, 96

HSL

183.2, 64.1%, 22.9%

HSV

183.2, 78.1%, 37.6%

CMYK

78.1%, 4.2%, 0.0%, 62.4%

OKLCH

0.435 0.0668 200.7

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#155C60

#601915

Analogous

#15603E

#153660

#155C60

Triadic

#155C60

#60155C

#5C6015

Split Complementary

#155C60

#601536

#603E15

Tetradic

#155C60

#3E1560

#601915

#366015

Color Blindness Simulation

Original

#155C60

Protanopia

#34345F

Deuteranopia

#302A5F

Tritanopia

#195E5E

Achromatopsia

#4D4D4D

CSS Usage

background-color: #155C60;
color: #155C60;
border-color: #155C60;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F3FBFC
100
#E3F6F7
200
#C4F0F2
300
#9BE5E9
400
#64D7DD
500
#2EC9D1
600
#25A0A7
700
#1D8086
800
#176469
900
#14494C
950
#0D2E30

Contrast Checker

Text on white

7.69:1

AA Pass AAA Pass

Text on black

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