#3A70CB Color

Color Information

HEX#3A70CB
RGB58, 112, 203
HSL218° , 58% , 51%
HSV218° , 71% , 80%
CMYK71%, 45%, 0%, 20%

Lighter Shades

#5281D1 #6992D7 #81A3DE #99B5E4 #B0C6EA #C8D7F0

Darker Shades

#3363B3 #2C559A #254882 #1E3A6A #172D51 #101F39

Complementary Palette

#3260AF #3A70CB #AF8032 #CB953A #D2A456 #5684D2

Analogous Palette

#4D96A3 #53A5B2 #3769BF #3A70CB #5F53B2 #6C61B8

Triadic Palette

#3363B3 #3A70CB #D72D6B #DC467D #6BD72D #5EBD28

Split Complementary Palette

#3465B7 #3A70CB #CB4D3A #D05F4E #B7CB3A #A5B734

Square Palette

#315EAB #3A70CB #BE46AE #BE9246 #3ACB4D #5AD369

Tetradic Palette

#305CA6 #3A70CB #9B23E1 #CB953A #69E123 #84E64B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A70CB contains 58 red, 112 green, and 203 blue.

Contrast Ratio: 4.8:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.38:1