#458070 Color

Color Information

HEX#458070
RGB69, 128, 112
HSL164° , 30% , 39%
HSV164° , 46% , 50%
CMYK46%, 0%, 13%, 50%

Lighter Shades

#5B8F81 #729E92 #88AEA3 #9EBDB5 #B5CCC6 #CBDBD7

Darker Shades

#3D7163 #346155 #2C5248 #24433A #1C332D #13241F

Complementary Palette

#3B6E60 #458070 #6F3C4A #814656 #93606E #5F9284

Analogous Palette

#4E6A54 #55725B #417869 #458070 #556B72 #5F7981

Triadic Palette

#3D7163 #458070 #763C8B #865399 #8B763C #7A6835

Split Complementary Palette

#3E7365 #458070 #814673 #8E5981 #815446 #744C3F

Square Palette

#3A6C5E #458070 #595077 #77505A #738146 #899564

Tetradic Palette

#39695C #458070 #344D93 #814656 #937A34 #A69259

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #458070 contains 69 red, 128 green, and 112 blue.

Contrast Ratio: 4.55:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.62:1