#4475E6 Color

Color Information

HEX#4475E6
RGB68, 117, 230
HSL222° , 76% , 58%
HSV222° , 70% , 90%
CMYK70%, 49%, 0%, 10%

Lighter Shades

#5A86E9 #7196EC #87A7EF #9EB7F2 #B4C8F5 #CBD8F8

Darker Shades

#3C67CA #3459AF #2C4B93 #233D78 #1B2F5C #132140

Complementary Palette

#3A65C6 #4475E6 #C59B3A #E5B443 #E9BF5D #5E88EA

Analogous Palette

#57A8BC #58B8D0 #406ED8 #4475E6 #7058D0 #7A64D3

Triadic Palette

#3C67CA #4475E6 #F0386F #F25080 #6FF038 #62D331

Split Complementary Palette

#3D69CF #4475E6 #E56343 #E87356 #C5E543 #B1CE3C

Square Palette

#3962C1 #4475E6 #DB4DBE #DBB04D #43E563 #61E97C

Tetradic Palette

#3860BD #4475E6 #BC2FF9 #E5B443 #6CF92F #86FA54

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #4475E6 contains 68 red, 117 green, and 230 blue.

Contrast Ratio: 4.23:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.96:1