#458CBE Color

Color Information

HEX#458CBE
RGB69, 140, 190
HSL205° , 48% , 51%
HSV205° , 64% , 75%
CMYK64%, 26%, 0%, 25%

Lighter Shades

#5B9AC6 #72A8CE #88B5D5 #9EC3DD #B5D1E5 #CBDFED

Darker Shades

#3D7BA7 #346A90 #2C5A7A #244963 #1C384C #132735

Complementary Palette

#3B78A3 #458CBE #A3673C #BE7846 #C78B60 #5F9CC7

Analogous Palette

#599792 #5FA59F #4184B3 #458CBE #5F65A5 #6C71AC

Triadic Palette

#3D7BA7 #458CBE #CB3A8E #D1529C #8ECB3A #7DB333

Split Complementary Palette

#3E7EAB #458CBE #BE4650 #C55962 #BEB446 #ABA23F

Square Palette

#3A76A0 #458CBE #AA53B2 #B27A53 #50BE46 #6CC864

Tetradic Palette

#39739C #458CBE #7430D5 #BE7846 #90D530 #A4DD55

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #458CBE contains 69 red, 140 green, and 190 blue.

Contrast Ratio: 3.61:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.82:1