#5454F2 Color

Color Information

HEX#5454F2
RGB84, 84, 242
HSL240° , 86% , 64%
HSV240° , 65% , 95%
CMYK65%, 65%, 0%, 5%

Lighter Shades

#6969F4 #7D7DF5 #9292F7 #A6A6F8 #BBBBFA #CFCFFB

Darker Shades

#4A4AD5 #4040B8 #36369B #2C2C7E #222261 #181844

Complementary Palette

#4848D0 #5454F2 #D0D048 #F2F254 #F4F46C #6C6CF4

Analogous Palette

#6296CB #67A3E0 #4F4FE3 #5454F2 #A367E0 #AB73E2

Triadic Palette

#4A4AD5 #5454F2 #FB4B4B #FB6161 #4BFB4B #42DD42

Split Complementary Palette

#4C4CDA #5454F2 #F2A354 #F3AC65 #A3F254 #93DA4C

Square Palette

#4747CB #5454F2 #E95DA3 #E9E95D #54F2A3 #6FF4B2

Tetradic Palette

#4545C6 #5454F2 #FF47FF #F2F254 #47FF47 #68FF68

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5454F2 contains 84 red, 84 green, and 242 blue.

Contrast Ratio: 5.39:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.9:1