#2B6AC8 Color

Color Information

HEX#2B6AC8
RGB43, 106, 200
HSL216° , 65% , 48%
HSV216° , 79% , 78%
CMYK79%, 47%, 0%, 22%

Lighter Shades

#447CCF #5E8ED5 #77A0DC #91B2E2 #AAC3E9 #C4D5F0

Darker Shades

#265DB0 #215198 #1C4480 #163768 #112A50 #0C1E38

Complementary Palette

#255BAC #2B6AC8 #AE7725 #CA8A2B #D19A49 #497FD0

Analogous Palette

#3E99A3 #43A6B1 #2864BC #2B6AC8 #4E43B1 #5D54B6

Triadic Palette

#265DB0 #2B6AC8 #D61F68 #DB3A7A #68D61F #5CBC1B

Split Complementary Palette

#275FB4 #2B6AC8 #CA3B2B #CF4F40 #BACA2B #A7B627

Square Palette

#2459A8 #2B6AC8 #BE37B0 #BE8837 #2BCA3B #4DD25A

Tetradic Palette

#2357A4 #2B6AC8 #8F15E0 #CA8A2B #66E015 #82E63F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B6AC8 contains 43 red, 106 green, and 200 blue.

Contrast Ratio: 5.24:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4:1