#15837F

#15837F

Color Values

HEX

#15837F

RGB

21, 131, 127

HSL

177.8, 72.4%, 29.8%

HSV

177.8, 84.0%, 51.4%

CMYK

84.0%, 0.0%, 3.1%, 48.6%

OKLCH

0.5529 0.0907 190.9

Properties

Cool Light Nearest: teal

Color Harmonies

Complementary

#15837F

#831519

Analogous

#158348

#155083

#15837F

Triadic

#15837F

#7F1583

#837F15

Split Complementary

#15837F

#831550

#834815

Tetradic

#15837F

#481583

#831519

#508315

Color Blindness Simulation

Original

#15837F

Protanopia

#454680

Deuteranopia

#3E3680

Tritanopia

#1A8181

Achromatopsia

#6B6B6B

CSS Usage

background-color: #15837F;
color: #15837F;
border-color: #15837F;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F3FCFC
100
#E2F8F7
200
#C1F5F3
300
#95EEEB
400
#5CE5E0
500
#23DCD5
600
#1CB0AA
700
#178D88
800
#126E6B
900
#11504E
950
#0B3331

Contrast Checker

Text on white

4.58:1

AA Pass AAA Fail

Text on black

4.58:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026