#527366

#527366

Color Values

HEX

#527366

RGB

82, 115, 102

HSL

156.4, 16.8%, 38.6%

HSV

156.4, 28.7%, 45.1%

CMYK

28.7%, 0.0%, 11.3%, 54.9%

OKLCH

0.5261 0.0432 168.3

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#527366

#73525F

Analogous

#527355

#526F73

#527366

Triadic

#527366

#665273

#736652

Split Complementary

#527366

#73526F

#735552

Tetradic

#527366

#555273

#73525F

#6F7352

Color Blindness Simulation

Original

#527366

Protanopia

#606169

Deuteranopia

#5E5C6A

Tritanopia

#546C6C

Achromatopsia

#6B6B6B

CSS Usage

background-color: #527366;
color: #527366;
border-color: #527366;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F6F8F8
100
#EBF0EE
200
#D5E1DD
300
#B8CCC4
400
#91B1A4
500
#6A9584
600
#55776A
700
#445F55
800
#354A42
900
#293832
950
#1A2320

Contrast Checker

Text on white

5.25:1

AA Pass AAA Fail

Text on black

4.0:1

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