#6495BD Color

Color Information

HEX#6495BD
RGB100, 149, 189
HSL207° , 40% , 57%
HSV207° , 47% , 74%
CMYK47%, 21%, 0%, 26%

Lighter Shades

#77A2C5 #89AECD #9CBBD5 #AEC8DD #C1D5E5 #D4E1ED

Darker Shades

#5883A6 #4C7190 #405F79 #344D62 #283C4C #1C2A35

Complementary Palette

#5680A3 #6495BD #A37957 #BD8D65 #C69D7B #7AA4C6

Analogous Palette

#729795 #7BA7A5 #5E8CB2 #6495BD #7B7EA7 #8587AD

Triadic Palette

#5883A6 #6495BD #C85B97 #CF6FA3 #97C85B #85B050

Split Complementary Palette

#5A86AA #6495BD #BD656A #C47479 #BDB965 #AAA75B

Square Palette

#547D9F #6495BD #AF70B2 #B28E70 #6ABD65 #82C87E

Tetradic Palette

#527A9B #6495BD #8B52D1 #BD8D65 #98D152 #ABD971

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6495BD contains 100 red, 149 green, and 189 blue.

Contrast Ratio: 3.15:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.68:1