#526318

#526318

Color Values

HEX

#526318

RGB

82, 99, 24

HSL

73.6, 61.0%, 24.1%

HSV

73.6, 75.8%, 38.8%

CMYK

17.2%, 0.0%, 75.8%, 61.2%

OKLCH

0.4699 0.1002 121.6

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#526318

#291863

Analogous

#634E18

#2C6318

#526318

Triadic

#526318

#185263

#631852

Split Complementary

#526318

#182C63

#4E1863

Tetradic

#526318

#18634E

#291863

#63182C

Color Blindness Simulation

Original

#526318

Protanopia

#595A2A

Deuteranopia

#58572E

Tritanopia

#53383C

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FAFBF3
100
#F2F6E4
200
#E7F1C6
300
#D6E79C
400
#C0DA67
500
#AACD32
600
#88A428
700
#6D8320
800
#556719
900
#3F4B16
950
#282F0E

Contrast Checker

Text on white

6.65:1

AA Pass AAA Fail

Text on black

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