#458C96 Color

Color Information

HEX	#458C96
RGB	69, 140, 150
HSL	187° , 37% , 43%
HSV	187° , 54% , 59%
CMYK	54%, 7%, 0%, 41%

Lighter Shades

#5B9AA3 #72A8AF #88B5BC #9EC3C8 #B5D1D5 #CBDFE2

Darker Shades

#3D7B84 #346A72 #2C5A60 #24494E #1C383C #13272A

Complementary Palette

#3B7881 #458C96 #81443B #964F45 #A5685F #5F9CA5

Analogous Palette

#537467 #5B8072 #41848D #458C96 #5B6980 #66748A

Triadic Palette

#3D7B84 #458C96 #A13A95 #AC52A2 #95A13A #838E33

Split Complementary Palette

#3E7E87 #458C96 #964564 #A15874 #967745 #876B3E

Square Palette

#3A767E #458C96 #75508B #8B5750 #649645 #7DA763

Tetradic Palette

#39737B #458C96 #3F31AA #964F45 #9CAA31 #AEB956

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #458C96 contains 69 red, 140 green, and 150 blue.

Contrast Ratio: 3.81:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.51:1