#6A8EEE Color

Color Information

HEX	#6A8EEE
RGB	106, 142, 238
HSL	224° , 80% , 67%
HSV	224° , 55% , 93%
CMYK	55%, 40%, 0%, 7%

Lighter Shades

#7C9CF0 #8EA9F2 #A0B7F4 #B2C4F6 #C3D2F8 #D5DFFA

Darker Shades

#5D7DD1 #516CB5 #445B98 #374A7C #2A395F #1E2843

Complementary Palette

#5B7ACD #6A8EEE #CDAE59 #EECA68 #F0D17D #7F9EF0

Analogous Palette

#74B4C8 #78C6DD #6485E0 #6A8EEE #9078DD #9A85E0

Triadic Palette

#5D7DD1 #6A8EEE #F75F88 #F87296 #88F75F #78D954

Split Complementary Palette

#5F80D6 #6A8EEE #EE8768 #F09377 #CFEE68 #BAD65E

Square Palette

#5977C8 #6A8EEE #E670CA #E6C670 #68EE87 #80F19A

Tetradic Palette

#5774C3 #6A8EEE #D158FD #EECA68 #84FD58 #9AFD76

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6A8EEE contains 106 red, 142 green, and 238 blue.

Contrast Ratio: 3.09:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.8:1