#454EF0 Color

Color Information

HEX#454EF0
RGB69, 78, 240
HSL237° , 85% , 61%
HSV237° , 71% , 94%
CMYK71%, 68%, 0%, 6%

Lighter Shades

#5B63F2 #7278F4 #888EF5 #9EA3F7 #B5B8F9 #CBCDFB

Darker Shades

#3D45D3 #343BB6 #2C329A #24297D #1C1F60 #131643

Complementary Palette

#3B43CE #454EF0 #CEC83D #F0E847 #F2EB61 #5F67F2

Analogous Palette

#5794C7 #5BA2DC #4149E2 #454EF0 #955BDC #9D68DF

Triadic Palette

#3D45D3 #454EF0 #FA3D47 #FB545D #47FA3D #3EDC36

Split Complementary Palette

#3E46D8 #454EF0 #F09347 #F29E59 #A4F047 #94D840

Square Palette

#3A42CA #454EF0 #E651A3 #E6DF51 #47F093 #64F2A4

Tetradic Palette

#3940C5 #454EF0 #F538FF #F0E847 #42FF38 #64FF5C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #454EF0 contains 69 red, 78 green, and 240 blue.

Contrast Ratio: 5.9:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.56:1