#525C03

#525C03

Color Values

HEX

#525C03

RGB

82, 92, 3

HSL

66.7, 93.7%, 18.6%

HSV

66.7, 96.7%, 36.1%

CMYK

10.9%, 0.0%, 96.7%, 63.9%

OKLCH

0.4505 0.1023 116.9

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#525C03

#0D035C

Analogous

#5C3903

#265C03

#525C03

Triadic

#525C03

#03525C

#5C0352

Split Complementary

#525C03

#03265C

#39035C

Tetradic

#525C03

#035C39

#0D035C

#5C0326

Color Blindness Simulation

Original

#525C03

Protanopia

#565619

Deuteranopia

#56551E

Tritanopia

#522A2D

Achromatopsia

#535353

CSS Usage

background-color: #525C03;
color: #525C03;
border-color: #525C03;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FCFDF1
100
#F8FBDF
200
#F5FDBA
300
#EEFB88
400
#E5F948
500
#DCF708
600
#B0C606
700
#8D9E05
800
#6E7B04
900
#505908
950
#333805

Contrast Checker

Text on white

7.26:1

AA Pass AAA Pass

Text on black

2.89:1

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