#458CA6 Color

Color Information

HEX#458CA6
RGB69, 140, 166
HSL196° , 41% , 46%
HSV196° , 58% , 65%
CMYK58%, 16%, 0%, 35%

Lighter Shades

#5B9AB1 #72A8BB #88B5C6 #9EC3D1 #B5D1DB #CBDFE6

Darker Shades

#3D7B92 #346A7E #2C5A6A #244956 #1C3842 #13272E

Complementary Palette

#3B788F #458CA6 #8E523B #A55F45 #B2755F #5F9CB2

Analogous Palette

#558278 #5D8E82 #41849C #458CA6 #5D688E #6C7593

Triadic Palette

#3D7B92 #458CA6 #B13991 #BA519E #91B139 #809C32

Split Complementary Palette

#3E7E95 #458CA6 #A5455C #AE586C #A58F45 #95813E

Square Palette

#3A768B #458CA6 #89519A #9A6451 #5CA545 #76B363

Tetradic Palette

#397388 #458CA6 #5530BB #A55F45 #96BB30 #A9C755

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #458CA6 contains 69 red, 140 green, and 166 blue.

Contrast Ratio: 3.73:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.63:1