#519AA0

#519AA0

Color Values

HEX

#519AA0

RGB

81, 154, 160

HSL

184.6, 32.8%, 47.3%

HSV

184.6, 49.4%, 62.7%

CMYK

49.4%, 3.8%, 0.0%, 37.3%

OKLCH

0.6415 0.0734 202.5

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#519AA0

#A05751

Analogous

#51A07F

#5173A0

#519AA0

Triadic

#519AA0

#A0519A

#9AA051

Split Complementary

#519AA0

#A05173

#A07F51

Tetradic

#519AA0

#7F51A0

#A05751

#73A051

Color Blindness Simulation

Original

#519AA0

Protanopia

#71719F

Deuteranopia

#6C679E

Tritanopia

#559D9D

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F1F2
200
#D0E5E7
300
#AED3D6
400
#82BBC0
500
#56A3A9
600
#458287
700
#37686C
800
#2B5155
900
#223D3F
950
#162628

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

6.48:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026