#458DAE Color

Color Information

HEX#458DAE
RGB69, 141, 174
HSL199° , 43% , 48%
HSV199° , 60% , 68%
CMYK60%, 19%, 0%, 32%

Lighter Shades

#5B9BB8 #72A8C1 #88B6CB #9EC4D5 #B5D1DF #CBDFE8

Darker Shades

#3D7C99 #346B84 #2C5A6F #24495A #1C3846 #132731

Complementary Palette

#3B7996 #458DAE #97593C #AF6746 #BA7C60 #5F9DB9

Analogous Palette

#568A81 #5E978C #4185A4 #458DAE #5E6997 #6D769C

Triadic Palette

#3D7C99 #458DAE #BB3A92 #C3529F #92BB3A #80A533

Split Complementary Palette

#3E7F9D #458DAE #AF4659 #B7596A #AF9C46 #9E8C3F

Square Palette

#3A7692 #458DAE #9452A3 #A36C52 #59AF46 #74BC64

Tetradic Palette

#39748F #458DAE #5F30C5 #AF6746 #96C530 #A9CF55

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #458DAE contains 69 red, 141 green, and 174 blue.

Contrast Ratio: 3.65:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.75:1