#528A50

#528A50

Color Values

HEX

#528A50

RGB

82, 138, 80

HSL

117.9, 26.6%, 42.7%

HSV

117.9, 42.0%, 54.1%

CMYK

40.6%, 0.0%, 42.0%, 45.9%

OKLCH

0.5794 0.1049 143.3

Properties

Cool Light Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#528A50

#88508A

Analogous

#6F8A50

#508A6B

#528A50

Triadic

#528A50

#50528A

#8A5052

Split Complementary

#528A50

#6B508A

#8A506F

Tetradic

#528A50

#506F8A

#88508A

#8A6B50

Color Blindness Simulation

Original

#528A50

Protanopia

#6A6B5E

Deuteranopia

#676361

Tritanopia

#55696C

Achromatopsia

#7A7A7A

CSS Usage

background-color: #528A50;
color: #528A50;
border-color: #528A50;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F6F9F6
100
#E9F1E9
200
#D2E5D2
300
#B3D2B2
400
#89BA88
500
#60A15E
600
#4D814B
700
#3D673C
800
#30512F
900
#263C25
950
#182617

Contrast Checker

Text on white

4.11:1

AA Fail AAA Fail

Text on black

5.11:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026