#426316

#426316

Color Values

HEX

#426316

RGB

66, 99, 22

HSL

85.7, 63.6%, 23.7%

HSV

85.7, 77.8%, 38.8%

CMYK

33.3%, 0.0%, 77.8%, 61.2%

OKLCH

0.4579 0.1101 130.3

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#426316

#371663

Analogous

#635D16

#1C6316

#426316

Triadic

#426316

#164263

#631642

Split Complementary

#426316

#161C63

#5D1663

Tetradic

#426316

#16635D

#371663

#63161C

Color Blindness Simulation

Original

#426316

Protanopia

#505129

Deuteranopia

#4E4C2D

Tritanopia

#44373B

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F8FBF3
100
#EFF7E4
200
#DFF2C5
300
#C7E99B
400
#A9DD65
500
#8BD12E
600
#6FA725
700
#59851E
800
#466817
900
#344C15
950
#21300D

Contrast Checker

Text on white

6.94:1

AA Pass AAA Fail

Text on black

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