#455C20

#455C20

Color Values

HEX

#455C20

RGB

69, 92, 32

HSL

83.0, 48.4%, 24.3%

HSV

83.0, 65.2%, 36.1%

CMYK

25.0%, 0.0%, 65.2%, 63.9%

OKLCH

0.4419 0.0901 127.4

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#455C20

#37205C

Analogous

#5C5520

#275C20

#455C20

Triadic

#455C20

#20455C

#5C2045

Split Complementary

#455C20

#20275C

#55205C

Tetradic

#455C20

#205C55

#37205C

#5C2027

Color Blindness Simulation

Original

#455C20

Protanopia

#4F4F2F

Deuteranopia

#4E4C32

Tritanopia

#463A3C

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F8FAF4
100
#EFF4E6
200
#DFEDCA
300
#C9DFA4
400
#ABCE73
500
#8EBD42
600
#729735
700
#5B792A
800
#475F21
900
#35461B
950
#222C11

Contrast Checker

Text on white

7.49:1

AA Pass AAA Pass

Text on black

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