#52856F

#52856F

Color Values

HEX

#52856F

RGB

82, 133, 111

HSL

154.1, 23.7%, 42.2%

HSV

154.1, 38.3%, 52.2%

CMYK

38.3%, 0.0%, 16.5%, 47.8%

OKLCH

0.5739 0.0651 165.1

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#52856F

#855268

Analogous

#528556

#528285

#52856F

Triadic

#52856F

#6F5285

#856F52

Split Complementary

#52856F

#855282

#855652

Tetradic

#52856F

#565285

#855268

#828552

Color Blindness Simulation

Original

#52856F

Protanopia

#686974

Deuteranopia

#656176

Tritanopia

#557979

Achromatopsia

#797979

CSS Usage

background-color: #52856F;
color: #52856F;
border-color: #52856F;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F6F9F8
100
#EAF1EE
200
#D3E4DC
300
#B3D0C4
400
#8AB7A4
500
#619E84
600
#4E7E69
700
#3E6554
800
#314F42
900
#263B32
950
#18251F

Contrast Checker

Text on white

4.25:1

AA Fail AAA Fail

Text on black

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