#519F98

#519F98

Color Values

HEX

#519F98

RGB

81, 159, 152

HSL

174.6, 32.5%, 47.1%

HSV

174.6, 49.1%, 62.4%

CMYK

49.1%, 0.0%, 4.4%, 37.6%

OKLCH

0.6509 0.078 187.8

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#519F98

#9F5158

Analogous

#519F71

#517F9F

#519F98

Triadic

#519F98

#98519F

#9F9851

Split Complementary

#519F98

#9F517F

#9F7151

Tetradic

#519F98

#71519F

#9F5158

#7F9F51

Color Blindness Simulation

Original

#519F98

Protanopia

#73739A

Deuteranopia

#6E689A

Tritanopia

#559B9B

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F2F1
200
#D0E7E5
300
#AED6D2
400
#82BFBA
500
#56A9A1
600
#458781
700
#376C67
800
#2B5451
900
#223F3C
950
#162826

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

6.76:1

AA Pass 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