#46557D Color

Color Information

HEX#46557D
RGB70, 85, 125
HSL224° , 28% , 38%
HSV224° , 44% , 49%
CMYK44%, 32%, 0%, 51%

Lighter Shades

#5C698D #727E9C #8992AC #9FA7BB #B5BBCB #CBCFDB

Darker Shades

#3E4B6E #35415F #2D3650 #242C41 #1C2232 #141823

Complementary Palette

#3C496C #46557D #6B5F3C #7C6E46 #8E8260 #606D8F

Analogous Palette

#4C6067 #52696F #425076 #46557D #59526F #645D7E

Triadic Palette

#3E4B6E #46557D #863C50 #955365 #50863C #467635

Split Complementary Palette

#3F4D71 #46557D #7C5246 #896359 #6F7C46 #64703F

Square Palette

#3B4769 #46557D #724F6A #72694F #467C52 #64916E

Tetradic Palette

#394667 #46557D #76348D #7C6E46 #4C8D34 #6CA259

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #46557D contains 70 red, 85 green, and 125 blue.

Contrast Ratio: 7.44:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.82:1