#456D23

#456D23

Color Values

HEX

#456D23

RGB

69, 109, 35

HSL

92.4, 51.4%, 28.2%

HSV

92.4, 67.9%, 42.7%

CMYK

36.7%, 0.0%, 67.9%, 57.3%

OKLCH

0.4883 0.1128 133.3

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#456D23

#4B236D

Analogous

#6A6D23

#236D26

#456D23

Triadic

#456D23

#23456D

#6D2345

Split Complementary

#456D23

#26236D

#6D236A

Tetradic

#456D23

#236A6D

#4B236D

#6D2623

Color Blindness Simulation

Original

#456D23

Protanopia

#565735

Deuteranopia

#545139

Tritanopia

#474346

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EDF5E5
200
#DAEEC9
300
#BFE1A2
400
#9DD170
500
#7AC13E
600
#629A32
700
#4E7C28
800
#3D611F
900
#2F471A
950
#1D2D10

Contrast Checker

Text on white

6.06:1

AA Pass AAA Fail

Text on black

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