#528990

#528990

Color Values

HEX

#528990

RGB

82, 137, 144

HSL

186.8, 27.4%, 44.3%

HSV

186.8, 43.1%, 56.5%

CMYK

43.1%, 4.9%, 0.0%, 43.5%

OKLCH

0.5947 0.0591 206.1

Properties

Cool Light Nearest: cadetblue 4

Color Harmonies

Complementary

#528990

#905952

Analogous

#529078

#526A90

#528990

Triadic

#528990

#905289

#899052

Split Complementary

#528990

#90526A

#907852

Tetradic

#528990

#785290

#905952

#6A9052

Color Blindness Simulation

Original

#528990

Protanopia

#6A6A8E

Deuteranopia

#67628E

Tritanopia

#558D8D

Achromatopsia

#7E7E7E

CSS Usage

background-color: #528990;
color: #528990;
border-color: #528990;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D2E3E5
300
#B1CFD3
400
#87B5BB
500
#5D9BA2
600
#4A7C82
700
#3B6368
800
#2E4D51
900
#253A3C
950
#172426

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

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