#3A7208

#3A7208

Color Values

HEX

#3A7208

RGB

58, 114, 8

HSL

91.7, 86.9%, 23.9%

HSV

91.7, 93.0%, 44.7%

CMYK

49.1%, 0.0%, 93.0%, 55.3%

OKLCH

0.4941 0.1409 135.2

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#3A7208

#400872

Analogous

#6F7208

#08720B

#3A7208

Triadic

#3A7208

#083A72

#72083A

Split Complementary

#3A7208

#0B0872

#72086F

Tetradic

#3A7208

#086F72

#400872

#720B08

Color Blindness Simulation

Original

#3A7208

Protanopia

#525322

Deuteranopia

#4F4B28

Tritanopia

#3D363A

Achromatopsia

#5E5E5E

CSS Usage

background-color: #3A7208;
color: #3A7208;
border-color: #3A7208;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FDF2
100
#ECFAE0
200
#DAFABC
300
#BFF78D
400
#9CF34F
500
#79EE11
600
#61BF0D
700
#4E990B
800
#3D7708
900
#2E560B
950
#1D3707

Contrast Checker

Text on white

5.85:1

AA Pass AAA Fail

Text on black

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