#456320

#456320

Color Values

HEX

#456320

RGB

69, 99, 32

HSL

86.9, 51.1%, 25.7%

HSV

86.9, 67.7%, 38.8%

CMYK

30.3%, 0.0%, 67.7%, 61.2%

OKLCH

0.4608 0.1007 130.1

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#456320

#3E2063

Analogous

#636020

#246320

#456320

Triadic

#456320

#204563

#632045

Split Complementary

#456320

#202463

#602063

Tetradic

#456320

#206360

#3E2063

#632024

Color Blindness Simulation

Original

#456320

Protanopia

#525230

Deuteranopia

#504E34

Tritanopia

#463D40

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF5E5
200
#DDEEC9
300
#C5E1A3
400
#A6D170
500
#86C13E
600
#6B9A32
700
#567B28
800
#43601F
900
#33471A
950
#202D11

Contrast Checker

Text on white

6.87:1

AA Pass AAA Fail

Text on black

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