#7696E4 Color

Color Information

HEX#7696E4
RGB118, 150, 228
HSL223° , 67% , 68%
HSV223° , 48% , 89%
CMYK48%, 34%, 0%, 11%

Lighter Shades

#86A3E7 #97AFEA #A7BCEE #B8C8F1 #C8D5F4 #D9E2F7

Darker Shades

#6884C9 #5A72AD #4C6092 #3D4E77 #2F3C5B #212A40

Complementary Palette

#6581C4 #7696E4 #C4A966 #E4C577 #E8CD8A #89A5E8

Analogous Palette

#82B2C0 #87C3D4 #6F8DD6 #7696E4 #9887D4 #A192D8

Triadic Palette

#6884C9 #7696E4 #EC6F92 #EE809F #92EC6F #80D062

Split Complementary Palette

#6A87CD #7696E4 #E48E77 #E79985 #CCE477 #B8CD6B

Square Palette

#637EC0 #7696E4 #DC7FC8 #DCC27F #77E48E #8DE8A0

Tetradic Palette

#617BBB #7696E4 #CB68F3 #E4C577 #8FF368 #A3F583

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7696E4 contains 118 red, 150 green, and 228 blue.

Contrast Ratio: 2.85:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.36:1