#2BABD1 Color

Color Information

HEX#2BABD1
RGB43, 171, 209
HSL194° , 66% , 49%
HSV194° , 79% , 82%
CMYK79%, 18%, 0%, 18%

Lighter Shades

#44B5D7 #5EBFDC #77C9E2 #91D3E7 #AADDED #C4E7F2

Darker Shades

#2696B8 #21829F #1C6D86 #16596D #114454 #0C303B

Complementary Palette

#2593B4 #2BABD1 #B24624 #CF512A #D66948 #49B7D7

Analogous Palette

#3EA88B #43B698 #28A1C4 #2BABD1 #4362B6 #546FBB

Triadic Palette

#2696B8 #2BABD1 #DC1EB0 #E039B9 #B0DC1E #9BC21A

Split Complementary Palette

#279ABC #2BABD1 #CF2A56 #D43F67 #CFA32A #BA9326

Square Palette

#2490B0 #2BABD1 #9E37C3 #C35837 #56CF2A #71D74C

Tetradic Palette

#238CAB #2BABD1 #4514E6 #CF512A #B5E614 #C2EB3E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2BABD1 contains 43 red, 171 green, and 209 blue.

Contrast Ratio: 2.64:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.96:1