#356706

#356706

Color Values

HEX

#356706

RGB

53, 103, 6

HSL

90,9, 89,0%, 21,4%

HSV

90,9, 94,2%, 40,4%

CMYK

48,5%, 0,0%, 94,2%, 59,6%

OKLCH

0,4605 0,1306 134,8

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#356706

#380667

Analogous

#666706

#066707

#356706

Triadic

#356706

#063567

#670635

Split Complementary

#356706

#070667

#670666

Tetradic

#356706

#066667

#380667

#670706

Color Blindness Simulation

Original

#356706

Protanopia

#4B4B1D

Deuteranopia

#484423

Tritanopia

#373034

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F7FDF2
100
#EDFBE0
200
#DAFBBC
300
#C0F88B
400
#9EF54D
500
#7CF10E
600
#63C10B
700
#4F9A09
800
#3E7807
900
#2F570A
950
#1E3706

Contrast Checker

Text on white

6,79:1

AA Pass AAA Fail

Text on black

3,09: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