#486327

#486327

Color Values

HEX

#486327

RGB

72, 99, 39

HSL

87.0, 43.5%, 27.1%

HSV

87.0, 60.6%, 38.8%

CMYK

27.3%, 0.0%, 60.6%, 61.2%

OKLCH

0.4638 0.0924 129.6

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#486327

#422763

Analogous

#636027

#2A6327

#486327

Triadic

#486327

#274863

#632748

Split Complementary

#486327

#272A63

#602763

Tetradic

#486327

#276360

#422763

#63272A

Color Blindness Simulation

Original

#486327

Protanopia

#545436

Deuteranopia

#525039

Tritanopia

#494144

Achromatopsia

#595959

CSS Usage

background-color: #486327;
color: #486327;
border-color: #486327;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F8FAF5
100
#EEF4E7
200
#DDEBCC
300
#C4DCA7
400
#A5CA78
500
#85B748
600
#6A923A
700
#55752E
800
#435B24
900
#32431D
950
#202B13

Contrast Checker

Text on white

6.8:1

AA Pass AAA Fail

Text on black

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