#528963

#528963

Color Values

HEX

#528963

RGB

82, 137, 99

HSL

138.5, 25.1%, 42.9%

HSV

138.5, 40.1%, 53.7%

CMYK

40.1%, 0.0%, 27.7%, 46.3%

OKLCH

0.5809 0.083 153.0

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#528963

#895278

Analogous

#5C8952

#52897E

#528963

Triadic

#528963

#635289

#896352

Split Complementary

#528963

#7E5289

#89525C

Tetradic

#528963

#525C89

#895278

#897E52

Color Blindness Simulation

Original

#528963

Protanopia

#6A6A6C

Deuteranopia

#67626E

Tritanopia

#557375

Achromatopsia

#7B7B7B

CSS Usage

background-color: #528963;
color: #528963;
border-color: #528963;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F6F9F7
100
#E9F1EC
200
#D2E4D8
300
#B2D1BC
400
#89B898
500
#5FA073
600
#4C805C
700
#3D664A
800
#30503A
900
#263B2C
950
#18261C

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

5.12:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026