#458F82 Color

Color Information

HEX#458F82
RGB69, 143, 130
HSL169° , 35% , 42%
HSV169° , 52% , 56%
CMYK52%, 0%, 9%, 44%

Lighter Shades

#5B9C91 #72AAA0 #88B7AF #9EC5BE #B5D2CD #CBE0DC

Darker Shades

#3D7E72 #346D63 #2C5C53 #244A44 #1C3934 #132824

Complementary Palette

#3B7B70 #458F82 #7D3C47 #914653 #A0606B #5F9F94

Analogous Palette

#55725E #5B7B65 #41867A #458F82 #5B717B #667E8A

Triadic Palette

#3D7E72 #458F82 #8A3B9B #9853A7 #9B8A3B #887934

Split Complementary Palette

#3E8175 #458F82 #914679 #9C5986 #915D46 #83543F

Square Palette

#3A786D #458F82 #605086 #865059 #799146 #8EA364

Tetradic Palette

#39756B #458F82 #3245A4 #914653 #A48F32 #B4A357

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #458F82 contains 69 red, 143 green, and 130 blue.

Contrast Ratio: 3.77:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.57:1