#346014

#346014

Color Values

HEX

#346014

RGB

52, 96, 20

HSL

94,7, 65,5%, 22,7%

HSV

94,7, 79,2%, 37,6%

CMYK

45,8%, 0,0%, 79,2%, 62,4%

OKLCH

0,4408 0,1153 135,2

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#346014

#401460

Analogous

#5A6014

#14601A

#346014

Triadic

#346014

#143460

#601434

Split Complementary

#346014

#1A1460

#60145A

Tetradic

#346014

#145A60

#401460

#601A14

Color Blindness Simulation

Original

#346014

Protanopia

#474726

Deuteranopia

#44412B

Tritanopia

#363538

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#ECF7E3
200
#D8F3C4
300
#BCEA9A
400
#97DE63
500
#72D32C
600
#5CA923
700
#49871C
800
#396A16
900
#2C4D14
950
#1C310D

Contrast Checker

Text on white

7,42:1

AA Pass AAA Pass

Text on black

2,83: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