#6480A5 Color

Color Information

HEX	#6480A5
RGB	100, 128, 165
HSL	214° , 27% , 52%
HSV	214° , 39% , 65%
CMYK	39%, 22%, 0%, 35%

Lighter Shades

#778FB0 #899EBB #9CAEC5 #AEBDD0 #C1CCDB #D4DBE6

Darker Shades

#587191 #4C617D #40526A #344356 #283342 #1C242E

Complementary Palette

#566E8E #6480A5 #8F7656 #A68964 #B29A7A #7A92B2

Analogous Palette

#688A8D #729497 #5E789B #6480A5 #757297 #807EA0

Triadic Palette

#587191 #6480A5 #B2577D #BB6B8D #7DB257 #6E9D4D

Split Complementary Palette

#5A7395 #6480A5 #A66864 #AF7774 #A1A664 #91955A

Square Palette

#546C8B #6480A5 #997096 #998770 #64A668 #7DB480

Tetradic Palette

#526987 #6480A5 #8C4EBC #A68964 #7BBC4E #93C86E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6480A5 contains 100 red, 128 green, and 165 blue.

Contrast Ratio: 4.01:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.24:1