#45708E Color

Color Information

HEX#45708E
RGB69, 112, 142
HSL205° , 35% , 41%
HSV205° , 51% , 56%
CMYK51%, 21%, 0%, 44%

Lighter Shades

#5B819C #7292A9 #88A3B7 #9EB5C4 #B5C6D2 #CBD7DF

Darker Shades

#3D637D #34556C #2C485B #243A4A #1C2D39 #131F28

Complementary Palette

#3B607A #45708E #79543A #8D6244 #9D785E #5F849E

Analogous Palette

#526F6D #597876 #416985 #45708E #595B78 #646687

Triadic Palette

#3D637D #45708E #983A70 #A45281 #70983A #638633

Split Complementary Palette

#3E6580 #45708E #8D444A #98575C #8D8744 #7F7A3D

Square Palette

#3A5E77 #45708E #7E4E83 #83644E #4A8D44 #679F62

Tetradic Palette

#395C74 #45708E #5F31A0 #8D6244 #72A031 #8BB156

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #45708E contains 69 red, 112 green, and 142 blue.

Contrast Ratio: 5.28:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.98:1