#45705A Color

Color Information

HEX#45705A
RGB69, 112, 90
HSL149° , 24% , 35%
HSV149° , 38% , 44%
CMYK38%, 0%, 20%, 56%

Lighter Shades

#5B816E #729282 #88A395 #9EB5A9 #B5C6BD #CBD7D1

Darker Shades

#3D634F #345544 #2C483A #243A2F #1C2D24 #131F19

Complementary Palette

#3B604D #45705A #5F3A4D #6F445A #835E71 #5F8471

Analogous Palette

#455E45 #4C674C #416955 #45705A #4C6766 #577575

Triadic Palette

#3D634F #45705A #583B78 #6C5388 #78583B #6A4D34

Split Complementary Palette

#3E6551 #45705A #6E446F #7D577D #6F4445 #643D3E

Square Palette

#3A5E4C #45705A #4C4C67 #674C5A #6F6E44 #868562

Tetradic Palette

#395C4A #45705A #345A7F #6F445A #7F5834 #967659

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #45705A contains 69 red, 112 green, and 90 blue.

Contrast Ratio: 5.64:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.73:1