#6495ED Color

Color Information

HEX	#6495ED
RGB	100, 149, 237
HSL	219° , 79% , 66%
HSV	219° , 58% , 93%
CMYK	58%, 37%, 0%, 7%

Lighter Shades

#77A2EF #89AEF1 #9CBBF3 #AEC8F6 #C1D5F8 #D4E1FA

Darker Shades

#5883D1 #4C71B4 #405F98 #344D7B #283C5F #1C2A42

Complementary Palette

#5680CC #6495ED #CCA356 #EDBD64 #F0C67A #7AA4F0

Analogous Palette

#71B9C6 #75CCDB #5E8CDF #6495ED #8475DB #8F81DF

Triadic Palette

#5883D1 #6495ED #F55B91 #F66F9E #91F55B #80D850

Split Complementary Palette

#5A86D5 #6495ED #ED7864 #EF8674 #D8ED64 #C2D55A

Square Palette

#547DC7 #6495ED #E46CD2 #E4BA6C #64ED78 #7DF08E

Tetradic Palette

#527AC2 #6495ED #C254FC #EDBD64 #8FFC54 #A3FD73

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6495ED contains 100 red, 149 green, and 237 blue.

Contrast Ratio: 2.93:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.16:1