#6895F4 Color

Color Information

HEX	#6895F4
RGB	104, 149, 244
HSL	221° , 86% , 68%
HSV	221° , 57% , 96%
CMYK	57%, 39%, 0%, 4%

Lighter Shades

#7AA2F5 #8CAEF7 #9EBBF8 #B0C8F9 #C3D5FB #D5E1FC

Darker Shades

#5C83D7 #4F71B9 #435F9C #364D7F #2A3C62 #1D2A44

Complementary Palette

#5980D2 #6895F4 #D2AB59 #F4C767 #F6CF7C #7DA4F6

Analogous Palette

#73BDCE #77D0E4 #628CE5 #6895F4 #8B77E4 #9684E7

Triadic Palette

#5C83D7 #6895F4 #FD5E90 #FD719D #90FD5E #7FDF53

Split Complementary Palette

#5E86DC #6895F4 #F48167 #F58E76 #DAF467 #C4DC5D

Square Palette

#577DCD #6895F4 #EC6FD5 #ECC46F #67F481 #7FF695

Tetradic Palette

#557AC8 #6895F4 #CB5CFF #F4C767 #8FFF5C #A3FF79

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6895F4 contains 104 red, 149 green, and 244 blue.

Contrast Ratio: 2.88:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.29:1