#346411

#346411

Color Values

HEX

#346411

RGB

52, 100, 17

HSL

94.7, 70.9%, 22.9%

HSV

94.7, 83.0%, 39.2%

CMYK

48.0%, 0.0%, 83.0%, 60.8%

OKLCH

0.4519 0.1225 135.5

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#346411

#411164

Analogous

#5D6411

#116417

#346411

Triadic

#346411

#113464

#641134

Split Complementary

#346411

#171164

#64115D

Tetradic

#346411

#115D64

#411164

#641711

Color Blindness Simulation

Original

#346411

Protanopia

#494925

Deuteranopia

#46422A

Tritanopia

#363538

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#EBF8E2
200
#D7F5C2
300
#BBED96
400
#96E45E
500
#71DA25
600
#5BAE1E
700
#498B18
800
#396D13
900
#2C4F12
950
#1C320B

Contrast Checker

Text on white

7.05:1

AA Pass AAA Pass

Text on black

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