#456C29

#456C29

Color Values

HEX

#456C29

RGB

69, 108, 41

HSL

94.9, 45.0%, 29.2%

HSV

94.9, 62.0%, 42.4%

CMYK

36.1%, 0.0%, 62.0%, 57.6%

OKLCH

0.4863 0.106 134.1

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#456C29

#50296C

Analogous

#666C29

#296C2E

#456C29

Triadic

#456C29

#29456C

#6C2945

Split Complementary

#456C29

#2E296C

#6C2966

Tetradic

#456C29

#29666C

#50296C

#6C2E29

Color Blindness Simulation

Original

#456C29

Protanopia

#565639

Deuteranopia

#54513D

Tritanopia

#474649

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F7FAF4
100
#ECF4E6
200
#D9EBCB
300
#BDDDA6
400
#9ACB76
500
#76B946
600
#5F9438
700
#4C762D
800
#3B5C23
900
#2D441D
950
#1D2B12

Contrast Checker

Text on white

6.12:1

AA Pass AAA Fail

Text on black

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