#457344

#457344

Color Values

HEX

#457344

RGB

69, 115, 68

HSL

118.7, 25.7%, 35.9%

HSV

118.7, 40.9%, 45.1%

CMYK

40.0%, 0.0%, 40.9%, 54.9%

OKLCH

0.5095 0.0886 143.7

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#457344

#724473

Analogous

#5D7344

#44735B

#457344

Triadic

#457344

#444573

#734445

Split Complementary

#457344

#5B4473

#73445D

Tetradic

#457344

#445D73

#724473

#735B44

Color Blindness Simulation

Original

#457344

Protanopia

#59594F

Deuteranopia

#565352

Tritanopia

#47585A

Achromatopsia

#666666

CSS Usage

background-color: #457344;
color: #457344;
border-color: #457344;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F6F9F6
100
#E9F1E9
200
#D3E4D2
300
#B3D2B2
400
#89B988
500
#60A05F
600
#4D804C
700
#3E673D
800
#30502F
900
#263C25
950
#182618

Contrast Checker

Text on white

5.54:1

AA Pass AAA Fail

Text on black

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