#4A5603

#4A5603

Color Values

HEX

#4A5603

RGB

74, 86, 3

HSL

68.7, 93.3%, 17.5%

HSV

68.7, 96.5%, 33.7%

CMYK

14.0%, 0.0%, 96.5%, 66.3%

OKLCH

0.4277 0.0986 118.7

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#4A5603

#0F0356

Analogous

#563903

#215603

#4A5603

Triadic

#4A5603

#034A56

#56034A

Split Complementary

#4A5603

#032156

#390356

Tetradic

#4A5603

#035639

#0F0356

#560321

Color Blindness Simulation

Original

#4A5603

Protanopia

#4F4F17

Deuteranopia

#4E4E1C

Tritanopia

#4B272A

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FCFDF1
100
#F7FBDF
200
#F3FDBA
300
#EAFB89
400
#DFF949
500
#D4F609
600
#AAC507
700
#889E05
800
#6A7B04
900
#4D5908
950
#313805

Contrast Checker

Text on white

8.0:1

AA Pass AAA Pass

Text on black

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