#346306

#346306

Color Values

HEX

#346306

RGB

52, 99, 6

HSL

90.3, 88.6%, 20.6%

HSV

90.3, 93.9%, 38.8%

CMYK

47.5%, 0.0%, 93.9%, 61.2%

OKLCH

0.4485 0.1261 134.4

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#346306

#350663

Analogous

#636306

#066306

#346306

Triadic

#346306

#063463

#630634

Split Complementary

#346306

#060663

#630663

Tetradic

#346306

#066363

#350663

#630606

Color Blindness Simulation

Original

#346306

Protanopia

#48491C

Deuteranopia

#464222

Tritanopia

#362E32

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F7FDF2
100
#EDFBE0
200
#DBFBBC
300
#C1F88C
400
#A0F44D
500
#7EF00F
600
#65C00C
700
#519A09
800
#3F7807
900
#30570A
950
#1E3706

Contrast Checker

Text on white

7.16:1

AA Pass AAA Pass

Text on black

2.93:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026