#696BF2 Color

Color Information

HEX#696BF2
RGB105, 107, 242
HSL239° , 84% , 68%
HSV239° , 57% , 95%
CMYK57%, 56%, 0%, 5%

Lighter Shades

#7B7DF4 #8D8FF5 #9FA0F7 #B1B2F8 #C3C4FA #D5D6FB

Darker Shades

#5C5ED5 #5051B8 #43449B #37387E #2A2B61 #1D1E44

Complementary Palette

#5A5CD0 #696BF2 #D0CE5A #F2F069 #F4F27E #7E80F4

Analogous Palette

#75A2CC #79AFE2 #6365E3 #696BF2 #AC79E2 #B386E4

Triadic Palette

#5C5ED5 #696BF2 #FA6163 #FB7476 #63FA61 #57DC55

Split Complementary Palette

#5F60DA #696BF2 #F2AB69 #F3B378 #B0F269 #9EDA5F

Square Palette

#585ACB #696BF2 #EA71AF #EAE871 #69F2AB #81F4B8

Tetradic Palette

#5658C6 #696BF2 #FC5CFF #F2F069 #5FFF5C #7CFF79

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #696BF2 contains 105 red, 107 green, and 242 blue.

Contrast Ratio: 4.19:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.01:1