#45877D Color

Color Information

HEX	#45877D
RGB	69, 135, 125
HSL	171° , 32% , 40%
HSV	171° , 49% , 53%
CMYK	49%, 0%, 7%, 47%

Lighter Shades

#5B958D #72A49C #88B2AC #9EC1BB #B5CFCB #CBDDDB

Darker Shades

#3D776E #34675F #2C5650 #244641 #1C3632 #132623

Complementary Palette

#3B746C #45877D #743B44 #87454F #985F68 #5F988F

Analogous Palette

#506D5B #577561 #417F76 #45877D #576B75 #627784

Triadic Palette

#3D776E #45877D #843B91 #93539E #91843B #807434

Split Complementary Palette

#3E7A71 #45877D #874570 #93587E #875C45 #7A533E

Square Palette

#3A7169 #45877D #5F507C #7C5056 #708745 #879A63

Tetradic Palette

#396F67 #45877D #334299 #87454F #998A33 #AB9F58

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #45877D contains 69 red, 135 green, and 125 blue.

Contrast Ratio: 4.14:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.07:1