#2A6CBB Color

Color Information

HEX#2A6CBB
RGB42, 108, 187
HSL213° , 63% , 45%
HSV213° , 78% , 73%
CMYK78%, 42%, 0%, 27%

Lighter Shades

#447EC3 #5D8FCB #77A1D3 #90B3DC #AAC4E4 #C3D6EC

Darker Shades

#255FA5 #20528E #1B4578 #163861 #112B4B #0C1E34

Complementary Palette

#245DA1 #2A6CBB #A16924 #BB7A2A #C58D48 #4881C5

Analogous Palette

#3C9196 #419FA4 #2766B0 #2A6CBB #4641A4 #5854A6

Triadic Palette

#255FA5 #2A6CBB #C71F6A #CE3A7C #6AC71F #5DAF1B

Split Complementary Palette

#2661A8 #2A6CBB #BB322A #C2473F #B4BB2A #A2A826

Square Palette

#235B9D #2A6CBB #B036A9 #B07936 #2ABB32 #4CC653

Tetradic Palette

#225999 #2A6CBB #7C16D0 #BB7A2A #69D016 #84D840

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A6CBB contains 42 red, 108 green, and 187 blue.

Contrast Ratio: 5.29:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.97:1