#5454F6 Color

Color Information

HEX	#5454F6
RGB	84, 84, 246
HSL	240° , 90% , 65%
HSV	240° , 66% , 96%
CMYK	66%, 66%, 0%, 4%

Lighter Shades

#6969F7 #7D7DF8 #9292F9 #A6A6FA #BBBBFB #CFCFFC

Darker Shades

#4A4AD8 #4040BB #36369D #2C2C80 #222262 #181845

Complementary Palette

#4848D4 #5454F6 #D4D449 #F6F655 #F7F76D #6C6CF7

Analogous Palette

#6499CE #67A6E4 #4F4FE7 #5454F6 #A667E4 #AD74E7

Triadic Palette

#4A4AD8 #5454F6 #FF4D4D #FF6262 #4DFF4D #44E044

Split Complementary Palette

#4C4CDD #5454F6 #F6A655 #F7AF66 #A6F655 #95DD4D

Square Palette

#4747CF #5454F6 #ED5EA6 #EDED5E #55F6A6 #70F7B4

Tetradic Palette

#4545CA #5454F6 #FF4DFF #F6F655 #4DFF4D #6DFF6D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5454F6 contains 84 red, 84 green, and 246 blue.

Contrast Ratio: 5.32:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.95:1