#696BF0 Color

Color Information

HEX#696BF0
RGB105, 107, 240
HSL239° , 82% , 68%
HSV239° , 56% , 94%
CMYK56%, 55%, 0%, 6%

Lighter Shades

#7B7DF2 #8D8FF4 #9FA0F5 #B1B2F7 #C3C4F9 #D5D6FB

Darker Shades

#5C5ED3 #5051B6 #43449A #37387D #2A2B60 #1D1E43

Complementary Palette

#5A5CCE #696BF0 #CECD5B #F0EE6A #F2F07F #7E80F2

Analogous Palette

#77A2CA #7BAFE0 #6365E2 #696BF0 #AC7BE0 #B184E1

Triadic Palette

#5C5ED3 #696BF0 #F86265 #F97577 #65F862 #59DA56

Split Complementary Palette

#5F60D8 #696BF0 #F0AB6A #F2B379 #B0F06A #9ED85F

Square Palette

#585ACA #696BF0 #E873AF #E8E673 #6AF0AB #82F2B8

Tetradic Palette

#5658C5 #696BF0 #FC5CFF #F0EE6A #5FFF5C #7CFF79

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #696BF0 contains 105 red, 107 green, and 240 blue.

Contrast Ratio: 4.21:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.98:1