#51AAAD

#51AAAD

Color Values

HEX

#51AAAD

RGB

81, 170, 173

HSL

182.0, 36.2%, 49.8%

HSV

182.0, 53.2%, 67.8%

CMYK

53.2%, 1.7%, 0.0%, 32.2%

OKLCH

0.6849 0.0851 198.3

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#51AAAD

#AD5451

Analogous

#51AD82

#517CAD

#51AAAD

Triadic

#51AAAD

#AD51AA

#AAAD51

Split Complementary

#51AAAD

#AD517C

#AD8251

Tetradic

#51AAAD

#8251AD

#AD5451

#7CAD51

Color Blindness Simulation

Original

#51AAAD

Protanopia

#7878AC

Deuteranopia

#726CAC

Tritanopia

#55ACAC

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E8F2F3
200
#CEE7E8
300
#ACD6D8
400
#7EC1C3
500
#51ABAE
600
#41888B
700
#346D6F
800
#295557
900
#213F40
950
#152829

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

7.7:1

AA Pass AAA Pass

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