#15828C

#15828C

Color Values

HEX

#15828C

RGB

21, 130, 140

HSL

185.0, 73.9%, 31.6%

HSV

185.0, 85.0%, 54.9%

CMYK

85.0%, 7.1%, 0.0%, 45.1%

OKLCH

0.5553 0.0903 204.8

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#15828C

#8C1F15

Analogous

#158C5B

#15478C

#15828C

Triadic

#15828C

#8C1582

#828C15

Split Complementary

#15828C

#8C1547

#8C5B15

Tetradic

#15828C

#5B158C

#8C1F15

#478C15

Color Blindness Simulation

Original

#15828C

Protanopia

#44458A

Deuteranopia

#3E3689

Tritanopia

#1A8887

Achromatopsia

#6C6C6C

CSS Usage

background-color: #15828C;
color: #15828C;
border-color: #15828C;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F3FBFC
100
#E2F6F8
200
#C1F1F6
300
#95E7EF
400
#5BDBE6
500
#21CEDE
600
#1BA5B1
700
#15848E
800
#11676F
900
#104B51
950
#0A3033

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

4.6:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026