#6495A0 Color

Color Information

HEX#6495A0
RGB100, 149, 160
HSL191° , 24% , 51%
HSV191° , 38% , 63%
CMYK38%, 7%, 0%, 37%

Lighter Shades

#77A2AB #89AEB7 #9CBBC2 #AEC8CE #C1D5D9 #D4E1E4

Darker Shades

#58838D #4C717A #405F66 #344D53 #283C40 #1C2A2D

Complementary Palette

#56808A #6495A0 #8A5F56 #A06F64 #AD837A #7AA4AD

Analogous Palette

#668A7E #6F9589 #5E8C96 #6495A0 #6F7B95 #7B869D

Triadic Palette

#58838D #6495A0 #AD589D #B76CA9 #9DAD58 #8A984D

Split Complementary Palette

#5A8690 #6495A0 #A06477 #AA7485 #A08D64 #907F5A

Square Palette

#547D86 #6495A0 #896F95 #95766F #77A064 #8DAF7D

Tetradic Palette

#527A83 #6495A0 #614EB7 #A06F64 #A3B74E #B4C46E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6495A0 contains 100 red, 149 green, and 160 blue.

Contrast Ratio: 3.26:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.45:1