#545FD2 Color

Color Information

HEX	#545FD2
RGB	84, 95, 210
HSL	235° , 58% , 58%
HSV	235° , 60% , 82%
CMYK	60%, 55%, 0%, 18%

Lighter Shades

#6972D7 #7D85DD #9299E2 #A6ACE8 #BBBFED #CFD2F2

Darker Shades

#4A54B9 #4048A0 #363D86 #2C316D #222654 #181B3B

Complementary Palette

#4852B5 #545FD2 #B5AC4A #D2C856 #D8D06E #6C75D8

Analogous Palette

#668DA9 #6B9BBD #4F59C5 #545FD2 #8D6BBD #9879C3

Triadic Palette

#4A54B9 #545FD2 #DD4B57 #E1616B #57DD4B #4DC242

Split Complementary Palette

#4C56BD #545FD2 #D28A56 #D79667 #9ED256 #8EBD4D

Square Palette

#4750B0 #545FD2 #C7609C #C7BF60 #56D28A #71D99D

Tetradic Palette

#454EAC #545FD2 #D843E5 #D2C856 #50E543 #70EA65

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #545FD2 contains 84 red, 95 green, and 210 blue.

Contrast Ratio: 5.33:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.94:1