#5394F6 Color

Color Information

HEX	#5394F6
RGB	83, 148, 246
HSL	216° , 90% , 65%
HSV	216° , 66% , 96%
CMYK	66%, 40%, 0%, 4%

Lighter Shades

#68A1F7 #7CAEF8 #91BBF9 #A6C7FA #BAD4FB #CFE1FC

Darker Shades

#4982D8 #3F70BB #355F9D #2B4D80 #213B62 #172945

Complementary Palette

#477FD4 #5394F6 #D49D49 #F6B655 #F7C06D #6BA3F7

Analogous Palette

#64C3CE #67D8E4 #4E8BE7 #5394F6 #7467E4 #8074E7

Triadic Palette

#4982D8 #5394F6 #FF4D94 #FF62A1 #94FF4D #82E044

Split Complementary Palette

#4B85DD #5394F6 #F66555 #F77466 #E6F655 #CFDD4D

Square Palette

#467CCF #5394F6 #ED5EDF #EDB45E #55F665 #70F77E

Tetradic Palette

#4479CA #5394F6 #B84DFF #F6B655 #94FF4D #A7FF6D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5394F6 contains 83 red, 148 green, and 246 blue.

Contrast Ratio: 2.99:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.02:1