#2A9BBC Color

Color Information

HEX#2A9BBC
RGB42, 155, 188
HSL194° , 63% , 45%
HSV194° , 78% , 74%
CMYK78%, 18%, 0%, 26%

Lighter Shades

#44A7C4 #5DB3CC #77BFD4 #90CBDC #AAD7E4 #C3E3EC

Darker Shades

#2588A5 #20768F #1B6378 #165162 #113E4B #0C2B35

Complementary Palette

#2485A2 #2A9BBC #A14124 #BB4C2A #C56548 #48A9C5

Analogous Palette

#3C967E #41A48A #2792B1 #2A9BBC #415CA4 #546AA6

Triadic Palette

#2588A5 #2A9BBC #C71F9F #CE3AAB #9FC71F #8CAF1B

Split Complementary Palette

#268CA9 #2A9BBC #BB2A51 #C23F62 #BB942A #A88526

Square Palette

#23829E #2A9BBC #8F36B0 #B05236 #51BB2A #6DC64C

Tetradic Palette

#227F9A #2A9BBC #4116D0 #BB4C2A #A4D016 #B4D840

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2A9BBC contains 42 red, 155 green, and 188 blue.

Contrast Ratio: 3.18:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.6:1