#5970F3 Color

Color Information

HEX	#5970F3
RGB	89, 112, 243
HSL	231° , 87% , 65%
HSV	231° , 63% , 95%
CMYK	63%, 54%, 0%, 5%

Lighter Shades

#6D81F4 #8192F6 #95A3F7 #A9B5F9 #BDC6FA #D1D7FC

Darker Shades

#4E63D6 #4455B9 #39489C #2E3A7E #242D61 #191F44

Complementary Palette

#4D60D1 #5970F3 #D1BD4C #F3DC58 #F5E16F #7084F5

Analogous Palette

#66A8CC #6AB8E2 #5469E4 #5970F3 #946AE2 #9D77E4

Triadic Palette

#4E63D6 #5970F3 #FC4F69 #FC647B #69FC4F #5CDE46

Split Complementary Palette

#5065DB #5970F3 #F38E58 #F49969 #BDF358 #AADB4F

Square Palette

#4B5ECC #5970F3 #EA61BA #EAD661 #58F38E #73F5A0

Tetradic Palette

#495CC7 #5970F3 #E44DFF #F3DC58 #67FF4D #82FF6D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5970F3 contains 89 red, 112 green, and 243 blue.

Contrast Ratio: 4.15:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.06:1