#366516

#366516

Color Values

HEX

#366516

RGB

54, 101, 22

HSL

95.7, 64.2%, 24.1%

HSV

95.7, 78.2%, 39.6%

CMYK

46.5%, 0.0%, 78.2%, 60.4%

OKLCH

0.4562 0.1197 135.6

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#366516

#451665

Analogous

#5D6516

#16651D

#366516

Triadic

#366516

#163665

#651636

Split Complementary

#366516

#1D1665

#65165D

Tetradic

#366516

#165D65

#451665

#651D16

Color Blindness Simulation

Original

#366516

Protanopia

#4A4B29

Deuteranopia

#48442E

Tritanopia

#38383C

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#EBF7E3
200
#D7F2C4
300
#BAE99B
400
#95DD64
500
#70D12E
600
#5AA725
700
#48861D
800
#386917
900
#2B4C14
950
#1B300D

Contrast Checker

Text on white

6.93:1

AA Pass AAA Fail

Text on black

3.03:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026