#458E8D Color

Color Information

HEX#458E8D
RGB69, 142, 141
HSL179° , 35% , 41%
HSV179° , 51% , 56%
CMYK51%, 0%, 1%, 44%

Lighter Shades

#5B9C9B #72A9A8 #88B7B6 #9EC4C4 #B5D2D1 #CBDFDF

Darker Shades

#3D7D7C #346C6B #2C5B5A #244A49 #1C3938 #132827

Complementary Palette

#3B7A79 #458E8D #793A3B #8D4445 #9D5E5F #5F9E9D

Analogous Palette

#526F60 #597868 #418585 #458E8D #596978 #647687

Triadic Palette

#3D7D7C #458E8D #963A98 #A352A4 #98963A #868433

Split Complementary Palette

#3E807F #458E8D #8D446A #985779 #8D6744 #7F5D3D

Square Palette

#3A7776 #458E8D #684E83 #834E4F #6A8D44 #829F62

Tetradic Palette

#397474 #458E8D #3133A0 #8D4445 #A09E31 #B1AF56

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #458E8D contains 69 red, 142 green, and 141 blue.

Contrast Ratio: 3.77:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.58:1