#5A69EB Color

Color Information

HEX	#5A69EB
RGB	90, 105, 235
HSL	234° , 78% , 64%
HSV	234° , 62% , 92%
CMYK	62%, 55%, 0%, 8%

Lighter Shades

#6E7BED #828DF0 #959FF2 #A9B1F5 #BDC3F7 #D1D5F9

Darker Shades

#4F5CCF #4450B3 #3A4396 #2F377A #242A5E #191D42

Complementary Palette

#4D5ACA #5A69EB #CABD4F #EBDC5C #EEE173 #717EEE

Analogous Palette

#699FC3 #6EAED8 #5563DD #5A69EB #996ED8 #A179DC

Triadic Palette

#4F5CCF #5A69EB #F45263 #F56776 #63F452 #57D748

Split Complementary Palette

#515FD4 #5A69EB #EB955C #EDA06C #B2EB5C #A0D453

Square Palette

#4C58C5 #5A69EB #E265B0 #E2D565 #5CEB95 #76EEA6

Tetradic Palette

#4A56C1 #5A69EB #EA4BFB #EBDC5C #5DFB4B #7AFC6B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A69EB contains 90 red, 105 green, and 235 blue.

Contrast Ratio: 4.5:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.67:1