#546003

#546003

Color Values

HEX

#546003

RGB

84, 96, 3

HSL

67.7, 93.9%, 19.4%

HSV

67.7, 96.9%, 37.6%

CMYK

12.5%, 0.0%, 96.9%, 62.4%

OKLCH

0.4626 0.1062 117.9

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#546003

#0F0360

Analogous

#603D03

#266003

#546003

Triadic

#546003

#035460

#600354

Split Complementary

#546003

#032660

#3D0360

Tetradic

#546003

#03603D

#0F0360

#600326

Color Blindness Simulation

Original

#546003

Protanopia

#595919

Deuteranopia

#58581F

Tritanopia

#552B2F

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#FCFDF1
100
#F8FBDF
200
#F4FDBA
300
#EDFB88
400
#E3F948
500
#D8F708
600
#ADC606
700
#8B9E05
800
#6C7C04
900
#4F5908
950
#323805

Contrast Checker

Text on white

6.88:1

AA Pass AAA Fail

Text on black

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