#2A6BBB Color

Color Information

HEX#2A6BBB
RGB42, 107, 187
HSL213° , 63% , 45%
HSV213° , 78% , 73%
CMYK78%, 43%, 0%, 27%

Lighter Shades

#447DC3 #5D8FCB #77A0D3 #90B2DC #AAC4E4 #C3D6EC

Darker Shades

#255EA5 #20518E #1B4478 #163861 #112B4B #0C1E34

Complementary Palette

#245CA1 #2A6BBB #A16924 #BB7A2A #C58D48 #4880C5

Analogous Palette

#3C9196 #419FA4 #2765B0 #2A6BBB #4641A4 #5854A6

Triadic Palette

#255EA5 #2A6BBB #C71F6A #CE3A7C #6AC71F #5DAF1B

Split Complementary Palette

#2660A8 #2A6BBB #BB322A #C2473F #B4BB2A #A2A826

Square Palette

#235A9D #2A6BBB #B036A9 #B07936 #2ABB32 #4CC653

Tetradic Palette

#225899 #2A6BBB #7C16D0 #BB7A2A #69D016 #84D840

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A6BBB contains 42 red, 107 green, and 187 blue.

Contrast Ratio: 5.35:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.93:1