#7694F4 Color

Color Information

HEX#7694F4
RGB118, 148, 244
HSL226° , 85% , 71%
HSV226° , 52% , 96%
CMYK52%, 39%, 0%, 4%

Lighter Shades

#86A1F5 #97AEF7 #A7BBF8 #B8C7F9 #C8D4FB #D9E1FC

Darker Shades

#6882D7 #5A70B9 #4C5F9C #3D4D7F #2F3B62 #212944

Complementary Palette

#657FD2 #7694F4 #D2B965 #F4D776 #F6DD89 #89A3F6

Analogous Palette

#7EB8CE #85CBE5 #6F8BE5 #7694F4 #9F85E5 #A58DE7

Triadic Palette

#6882D7 #7694F4 #FB6F90 #FB809D #90FB6F #7FDD62

Split Complementary Palette

#6A85DC #7694F4 #F49876 #F5A284 #D2F476 #BDDC6A

Square Palette

#637CCD #7694F4 #ED7ECF #EDD37E #76F498 #8CF6A8

Tetradic Palette

#6179C8 #7694F4 #DC6BFF #F4D776 #8EFF6B #A2FF86

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7694F4 contains 118 red, 148 green, and 244 blue.

Contrast Ratio: 2.83:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.41:1