#519B86

#519B86

Color Values

HEX

#519B86

RGB

81, 155, 134

HSL

163.0, 31.4%, 46.3%

HSV

163.0, 47.7%, 60.8%

CMYK

47.7%, 0.0%, 13.5%, 39.2%

OKLCH

0.6354 0.0814 173.0

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#519B86

#9B5166

Analogous

#519B61

#518B9B

#519B86

Triadic

#519B86

#86519B

#9B8651

Split Complementary

#519B86

#9B518B

#9B6151

Tetradic

#519B86

#61519B

#9B5166

#8B9B51

Color Blindness Simulation

Original

#519B86

Protanopia

#71728B

Deuteranopia

#6D678C

Tritanopia

#558F90

Achromatopsia

#8A8A8A

CSS Usage

background-color: #519B86;
color: #519B86;
border-color: #519B86;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5F9F8
100
#E8F2EF
200
#D0E7E0
300
#AFD5CA
400
#83BEAD
500
#57A891
600
#468674
700
#386B5D
800
#2C5448
900
#233E36
950
#162722

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

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