#4555E2 Color

Color Information

HEX	#4555E2
RGB	69, 85, 226
HSL	234° , 73% , 58%
HSV	234° , 69% , 89%
CMYK	69%, 62%, 0%, 11%

Lighter Shades

#5B69E5 #727EE9 #8892EC #9EA7F0 #B5BBF3 #CBCFF7

Darker Shades

#3D4BC7 #3441AC #2C3691 #242C76 #1C225A #13183F

Complementary Palette

#3B49C2 #4555E2 #C2B53C #E2D246 #E6D860 #5F6DE6

Analogous Palette

#5691B8 #5B9FCD #4150D4 #4555E2 #895BCD #9167D0

Triadic Palette

#3D4BC7 #4555E2 #ED3B4D #EF5362 #4DED3B #44D134

Split Complementary Palette

#3E4DCB #4555E2 #E28446 #E59059 #A4E246 #94CB3F

Square Palette

#3A47BE #4555E2 #D750A1 #D7CA50 #46E284 #64E798

Tetradic Palette

#3946B9 #4555E2 #E232F5 #E2D246 #46F532 #67F757

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #4555E2 contains 69 red, 85 green, and 226 blue.

Contrast Ratio: 5.8:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.62:1