#546526

#546526

Color Values

HEX

#546526

RGB

84, 101, 38

HSL

76.2, 45.3%, 27.3%

HSV

76.2, 62.4%, 39.6%

CMYK

16.8%, 0.0%, 62.4%, 60.4%

OKLCH

0.4781 0.0902 122.6

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#546526

#372665

Analogous

#655726

#356526

#546526

Triadic

#546526

#265465

#652654

Split Complementary

#546526

#263565

#572665

Tetradic

#546526

#266557

#372665

#652635

Color Blindness Simulation

Original

#546526

Protanopia

#5B5C35

Deuteranopia

#5A5939

Tritanopia

#554144

Achromatopsia

#5D5D5D

CSS Usage

background-color: #546526;
color: #546526;
border-color: #546526;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F9FAF4
100
#F0F4E6
200
#E3EBCB
300
#CFDEA6
400
#B4CB76
500
#9AB946
600
#7B9438
700
#63772D
800
#4D5D23
900
#3A441D
950
#242B12

Contrast Checker

Text on white

6.43:1

AA Pass AAA Fail

Text on black

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