#458B78 Color

Color Information

HEX#458B78
RGB69, 139, 120
HSL164° , 34% , 41%
HSV164° , 50% , 55%
CMYK50%, 0%, 14%, 45%

Lighter Shades

#5B9988 #72A798 #88B5A9 #9EC3B9 #B5D1C9 #CBDFD9

Darker Shades

#3D7A6A #346A5B #2C594D #24483E #1C3830 #132722

Complementary Palette

#3B7867 #458B78 #783B4C #8C4558 #9C5F6F #5F9B8B

Analogous Palette

#526F5A #597860 #418371 #458B78 #597178 #647F87

Triadic Palette

#3D7A6A #458B78 #7E3B97 #8D53A3 #977E3B #856F34

Split Complementary Palette

#3E7D6C #458B78 #8C457C #985889 #8C5645 #7E4D3E

Square Palette

#3A7565 #458B78 #5B4F82 #824F5D #7C8C45 #919E63

Tetradic Palette

#397262 #458B78 #324F9F #8C4558 #9F8232 #B09957

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #458B78 contains 69 red, 139 green, and 120 blue.

Contrast Ratio: 3.98:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.28:1