#6475B4 Color

Color Information

HEX#6475B4
RGB100, 117, 180
HSL227° , 35% , 55%
HSV227° , 44% , 71%
CMYK44%, 35%, 0%, 29%

Lighter Shades

#7786BD #8996C6 #9CA7CF #AEB7D8 #C1C8E1 #D4D8EA

Darker Shades

#58679E #4C5989 #404B73 #343D5E #282F48 #1C2132

Complementary Palette

#56659B #6475B4 #9B8C56 #B4A364 #BFB07A #7A88BF

Analogous Palette

#6F8A95 #7B949D #5E6EA9 #6475B4 #857B9D #8D84A4

Triadic Palette

#58679E #6475B4 #C0596F #C86D80 #6FC059 #62A94E

Split Complementary Palette

#5A69A2 #6475B4 #B47B64 #BC8874 #9EB464 #8EA25A

Square Palette

#546297 #6475B4 #A97099 #A99D70 #64B47B #7DC090

Tetradic Palette

#526094 #6475B4 #AF4FC9 #B4A364 #6AC94F #85D36F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6475B4 contains 100 red, 117 green, and 180 blue.

Contrast Ratio: 4.38:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.79:1