#458C64

#458C64

Color Values

HEX

#458C64

RGB

69, 140, 100

HSL

146.2, 34.0%, 41.0%

HSV

146.2, 50.7%, 54.9%

CMYK

50.7%, 0.0%, 28.6%, 45.1%

OKLCH

0.5826 0.0954 157.0

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#458C64

#8C456D

Analogous

#4A8C45

#458C88

#458C64

Triadic

#458C64

#64458C

#8C6445

Split Complementary

#458C64

#88458C

#8C454A

Tetradic

#458C64

#454A8C

#8C456D

#8C8845

Color Blindness Simulation

Original

#458C64

Protanopia

#64646E

Deuteranopia

#605A70

Tritanopia

#497577

Achromatopsia

#7A7A7A

CSS Usage

background-color: #458C64;
color: #458C64;
border-color: #458C64;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F5FAF7
100
#E8F2EC
200
#CFE7DA
300
#ADD7BF
400
#81C19D
500
#54AB7A
600
#438962
700
#366D4E
800
#2A553D
900
#223F2F
950
#15281D

Contrast Checker

Text on white

4.05:1

AA Fail AAA Fail

Text on black

5.19:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026