#458C6B

#458C6B

Color Values

HEX

#458C6B

RGB

69, 140, 107

HSL

152.1, 34.0%, 41.0%

HSV

152.1, 50.7%, 54.9%

CMYK

50.7%, 0.0%, 23.6%, 45.1%

OKLCH

0.5843 0.0888 161.7

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#458C6B

#8C4566

Analogous

#458C47

#458A8C

#458C6B

Triadic

#458C6B

#6B458C

#8C6B45

Split Complementary

#458C6B

#8C458A

#8C4745

Tetradic

#458C6B

#47458C

#8C4566

#8A8C45

Color Blindness Simulation

Original

#458C6B

Protanopia

#646473

Deuteranopia

#605A75

Tritanopia

#49797B

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E8F2EE
200
#CFE7DC
300
#ADD7C3
400
#81C1A3
500
#54AB83
600
#438968
700
#366D54
800
#2A5541
900
#223F31
950
#15281F

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

5.22:1

AA Pass 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