#458C50

#458C50

Color Values

HEX

#458C50

RGB

69, 140, 80

HSL

129.3, 34.0%, 41.0%

HSV

129.3, 50.7%, 54.9%

CMYK

50.7%, 0.0%, 42.9%, 45.1%

OKLCH

0.5783 0.1157 147.2

Properties

Cool Light Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#458C50

#8C4581

Analogous

#5E8C45

#458C74

#458C50

Triadic

#458C50

#50458C

#8C5045

Split Complementary

#458C50

#74458C

#8C455E

Tetradic

#458C50

#455E8C

#8C4581

#8C7445

Color Blindness Simulation

Original

#458C50

Protanopia

#64645F

Deuteranopia

#605A62

Tritanopia

#496A6C

Achromatopsia

#797979

CSS Usage

background-color: #458C50;
color: #458C50;
border-color: #458C50;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F5FAF6
100
#E8F2EA
200
#CFE7D3
300
#ADD7B3
400
#81C18B
500
#54AB62
600
#43894E
700
#366D3E
800
#2A5531
900
#223F26
950
#152818

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

5.12:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026