#457356

#457356

Color Values

HEX

#457356

RGB

69, 115, 86

HSL

142.2, 25.0%, 36.1%

HSV

142.2, 40.0%, 45.1%

CMYK

40.0%, 0.0%, 25.2%, 54.9%

OKLCH

0.5136 0.0688 155.4

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#457356

#734562

Analogous

#4B7345

#45736D

#457356

Triadic

#457356

#564573

#735645

Split Complementary

#457356

#6D4573

#73454B

Tetradic

#457356

#454B73

#734562

#736D45

Color Blindness Simulation

Original

#457356

Protanopia

#59595D

Deuteranopia

#56535F

Tritanopia

#476364

Achromatopsia

#676767

CSS Usage

background-color: #457356;
color: #457356;
border-color: #457356;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F6F9F7
100
#E9F1EC
200
#D2E4D9
300
#B2D1BE
400
#89B89B
500
#609F77
600
#4D805F
700
#3D664C
800
#30503C
900
#263B2E
950
#18251D

Contrast Checker

Text on white

5.47:1

AA Pass AAA Fail

Text on black

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