#45848E Color

Color Information

HEX	#45848E
RGB	69, 132, 142
HSL	188° , 35% , 41%
HSV	188° , 51% , 56%
CMYK	51%, 7%, 0%, 44%

Lighter Shades

#5B939C #72A2A9 #88B0B7 #9EBFC4 #B5CED2 #CBDDDF

Darker Shades

#3D747D #34646C #2C545B #24454A #1C3539 #132528

Complementary Palette

#3B727A #45848E #79433A #8D4E44 #9D675E #5F959E

Analogous Palette

#526F65 #59786D #417C85 #45848E #596478 #647187

Triadic Palette

#3D747D #45848E #983A8B #A45299 #8B983A #7A8633

Split Complementary Palette

#3E7780 #45848E #8D445F #98576F #8D7244 #7F673D

Square Palette

#3A6F77 #45848E #704E83 #83554E #5F8D44 #799F62

Tetradic Palette

#396C74 #45848E #4031A0 #8D4E44 #91A031 #A5B156

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #45848E contains 69 red, 132 green, and 142 blue.

Contrast Ratio: 4.2:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5:1