#2A6BCD Color

Color Information

HEX#2A6BCD
RGB42, 107, 205
HSL216° , 66% , 48%
HSV216° , 80% , 80%
CMYK80%, 48%, 0%, 20%

Lighter Shades

#447DD3 #5D8FD9 #77A0DF #90B2E5 #AAC4EB #C3D6F1

Darker Shades

#255EB4 #20519C #1B4483 #16386B #112B52 #0C1E39

Complementary Palette

#245CB0 #2A6BCD #AF7824 #CB8B2A #D29B48 #4880D4

Analogous Palette

#3E99A3 #42A7B3 #2765C1 #2A6BCD #4D42B3 #5C52B7

Triadic Palette

#255EB4 #2A6BCD #D71D68 #DC387A #68D71D #5CBD1A

Split Complementary Palette

#2660B9 #2A6BCD #CB3A2A #D04E3F #BBCB2A #A8B726

Square Palette

#235AAC #2A6BCD #BF36B1 #BF8836 #2ACB3A #4CD35A

Tetradic Palette

#2258A8 #2A6BCD #8F14E1 #CB8B2A #66E114 #82E63E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A6BCD contains 42 red, 107 green, and 205 blue.

Contrast Ratio: 5.13:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.09:1