#456828

#456828

Color Values

HEX

#456828

RGB

69, 104, 40

HSL

92.8, 44.4%, 28.2%

HSV

92.8, 61.5%, 40.8%

CMYK

33.7%, 0.0%, 61.5%, 59.2%

OKLCH

0.4753 0.1008 133.0

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#456828

#4B2868

Analogous

#656828

#28682B

#456828

Triadic

#456828

#284568

#682845

Split Complementary

#456828

#2B2868

#682865

Tetradic

#456828

#286568

#4B2868

#682B28

Color Blindness Simulation

Original

#456828

Protanopia

#545437

Deuteranopia

#52503B

Tritanopia

#474446

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F7FAF4
100
#EDF4E6
200
#DAEBCB
300
#BFDDA7
400
#9DCB77
500
#7AB847
600
#629339
700
#4E762D
800
#3D5C23
900
#2F441D
950
#1D2B12

Contrast Checker

Text on white

6.43:1

AA Pass AAA Fail

Text on black

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