#457226

#457226

Color Values

HEX

#457226

RGB

69, 114, 38

HSL

95.5, 50.0%, 29.8%

HSV

95.5, 66.7%, 44.7%

CMYK

39.5%, 0.0%, 66.7%, 55.3%

OKLCH

0.5022 0.1175 134.8

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#457226

#532672

Analogous

#6B7226

#26722D

#457226

Triadic

#457226

#264572

#722645

Split Complementary

#457226

#2D2672

#72266B

Tetradic

#457226

#266B72

#532672

#722D26

Color Blindness Simulation

Original

#457226

Protanopia

#585938

Deuteranopia

#56523D

Tritanopia

#47474A

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#ECF5E6
200
#D8EDC9
300
#BCE0A3
400
#98D071
500
#74BF40
600
#5D9933
700
#4A7A29
800
#3A6020
900
#2C461B
950
#1C2C11

Contrast Checker

Text on white

5.69:1

AA Pass AAA Fail

Text on black

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