#2A70BB Color

Color Information

HEX#2A70BB
RGB42, 112, 187
HSL211° , 63% , 45%
HSV211° , 78% , 73%
CMYK78%, 40%, 0%, 27%

Lighter Shades

#4481C3 #5D92CB #77A3D3 #90B5DC #AAC6E4 #C3D7EC

Darker Shades

#2563A5 #20558E #1B4878 #163A61 #112D4B #0C1F34

Complementary Palette

#2460A1 #2A70BB #A16524 #BB752A #C58848 #4884C5

Analogous Palette

#3C9496 #41A2A4 #2769B0 #2A70BB #4341A4 #5554A6

Triadic Palette

#2563A5 #2A70BB #C71F70 #CE3A81 #70C71F #63AF1B

Split Complementary Palette

#2665A8 #2A70BB #BB2D2A #C2423F #B9BB2A #A7A826

Square Palette

#235E9D #2A70BB #B036AE #B07536 #2ABB2D #4CC64F

Tetradic Palette

#225C99 #2A70BB #7616D0 #BB752A #70D016 #8AD840

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A70BB contains 42 red, 112 green, and 187 blue.

Contrast Ratio: 5.06:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.15:1