#3A54FF Color

Color Information

HEX#3A54FF
RGB58, 84, 255
HSL232° , 100% , 61%
HSV232° , 77% , 100%
CMYK77%, 67%, 0%, 0%

Lighter Shades

#5269FF #697DFF #8192FF #99A6FF #B0BBFF #C8CFFF

Darker Shades

#334AE0 #2C40C2 #2536A3 #1E2C85 #172266 #101847

Complementary Palette

#3248DB #3A54FF #DBC430 #FFE438 #FFE854 #566CFF

Analogous Palette

#49A1D4 #4CB1EB #374FF0 #3A54FF #864CEB #905AED

Triadic Palette

#334AE0 #3A54FF #FF3853 #FF5068 #53FF38 #49E031

Split Complementary Palette

#344CE6 #3A54FF #FF8138 #FF8E4C #B6FF38 #A4E632

Square Palette

#3147D6 #3A54FF #F542B3 #F5DD42 #38FF81 #58FF95

Tetradic Palette

#3045D1 #3A54FF #E438FF #FFE438 #53FF38 #72FF5C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A54FF contains 58 red, 84 green, and 255 blue.

Contrast Ratio: 5.45:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.85:1