#519276

#519276

Color Values

HEX

#519276

RGB

81, 146, 118

HSL

154.2, 28.6%, 44.5%

HSV

154.2, 44.5%, 57.3%

CMYK

44.5%, 0.0%, 19.2%, 42.7%

OKLCH

0.6082 0.0802 164.3

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#519276

#92516D

Analogous

#519256

#518D92

#519276

Triadic

#519276

#765192

#927651

Split Complementary

#519276

#92518D

#925651

Tetradic

#519276

#565192

#92516D

#8D9251

Color Blindness Simulation

Original

#519276

Protanopia

#6D6E7D

Deuteranopia

#69647E

Tritanopia

#548283

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F5F9F8
100
#E9F1EE
200
#D1E6DD
300
#B0D3C4
400
#86BCA4
500
#5BA485
600
#49836A
700
#3A6955
800
#2E5242
900
#243D32
950
#172620

Contrast Checker

Text on white

3.67:1

AA Fail AAA Fail

Text on black

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