#528230

#528230

Color Values

HEX

#528230

RGB

82, 130, 48

HSL

95.1, 46.1%, 34.9%

HSV

95.1, 63.1%, 51.0%

CMYK

36.9%, 0.0%, 63.1%, 49.0%

OKLCH

0.5537 0.1247 134.4

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#528230

#603082

Analogous

#7B8230

#308237

#528230

Triadic

#528230

#305282

#823052

Split Complementary

#528230

#373082

#82307B

Tetradic

#528230

#307B82

#603082

#823730

Color Blindness Simulation

Original

#528230

Protanopia

#676744

Deuteranopia

#646049

Tritanopia

#545457

Achromatopsia

#727272

CSS Usage

background-color: #528230;
color: #528230;
border-color: #528230;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FAF4
100
#ECF4E6
200
#D9ECCB
300
#BDDEA6
400
#99CC75
500
#76BA45
600
#5E9537
700
#4B772C
800
#3B5D22
900
#2D451C
950
#1C2B12

Contrast Checker

Text on white

4.57:1

AA Pass AAA Fail

Text on black

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