#456616

#456616

Color Values

HEX

#456616

RGB

69, 102, 22

HSL

84.8, 64.5%, 24.3%

HSV

84.8, 78.4%, 40.0%

CMYK

32.4%, 0.0%, 78.4%, 60.0%

OKLCH

0.4681 0.1125 129.8

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#456616

#371666

Analogous

#665F16

#1D6616

#456616

Triadic

#456616

#164566

#661645

Split Complementary

#456616

#161D66

#5F1666

Tetradic

#456616

#16665F

#371666

#66161D

Color Blindness Simulation

Original

#456616

Protanopia

#535429

Deuteranopia

#514F2E

Tritanopia

#47393C

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EFF7E3
200
#DFF2C4
300
#C9E99A
400
#ABDE64
500
#8ED22D
600
#71A824
700
#5B861D
800
#476917
900
#354D14
950
#22300D

Contrast Checker

Text on white

6.63:1

AA Pass AAA Fail

Text on black

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