#4C70F5 Color

Color Information

HEX	#4C70F5
RGB	76, 112, 245
HSL	227° , 89% , 63%
HSV	227° , 69% , 96%
CMYK	69%, 54%, 0%, 4%

Lighter Shades

#6181F6 #7792F7 #8CA3F9 #A2B5FA #B7C6FB #CDD7FC

Darker Shades

#4363D8 #3A55BA #31489D #283A7F #1E2D62 #151F45

Complementary Palette

#4160D3 #4C70F5 #D3B342 #F5D04D #F6D766 #6584F6

Analogous Palette

#5CACCC #60BDE2 #4769E6 #4C70F5 #8460E2 #8E6CE5

Triadic Palette

#4363D8 #4C70F5 #FE436C #FE5A7E #6CFE43 #5FE03B

Split Complementary Palette

#4465DD #4C70F5 #F57C4D #F6895F #C5F54D #B1DD45

Square Palette

#405ECE #4C70F5 #EB56C1 #EBCB56 #4DF57C #69F791

Tetradic Palette

#3E5CC9 #4C70F5 #D642FF #F5D04D #6BFF42 #86FF64

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #4C70F5 contains 76 red, 112 green, and 245 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