#458D7E Color

Color Information

HEX#458D7E
RGB69, 141, 126
HSL168° , 34% , 41%
HSV168° , 51% , 55%
CMYK51%, 0%, 11%, 45%

Lighter Shades

#5B9B8D #72A89D #88B6AC #9EC4BC #B5D1CB #CBDFDB

Darker Shades

#3D7C6F #346B60 #2C5A51 #244942 #1C3832 #132723

Complementary Palette

#3B796C #458D7E #783B47 #8C4553 #9C5F6B #5F9D90

Analogous Palette

#526F5B #597862 #418576 #458D7E #596F78 #647C87

Triadic Palette

#3D7C6F #458D7E #843B97 #9353A3 #97843B #857434

Split Complementary Palette

#3E7F71 #458D7E #8C4577 #985885 #8C5A45 #7E513E

Square Palette

#3A766A #458D7E #5F4F82 #824F59 #778C45 #8D9E63

Tetradic Palette

#397467 #458D7E #32489F #8C4553 #9F8932 #B09E57

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #458D7E contains 69 red, 141 green, and 126 blue.

Contrast Ratio: 3.87:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 5.43:1