#2B99D4 Color

Color Information

HEX#2B99D4
RGB43, 153, 212
HSL201° , 66% , 50%
HSV201° , 80% , 83%
CMYK80%, 28%, 0%, 17%

Lighter Shades

#44A5D9 #5EB1DE #77BEE3 #91CAE9 #AAD6EE #C4E2F3

Darker Shades

#2687BB #2174A1 #1C6288 #16506E #113D55 #0C2B3B

Complementary Palette

#2584B6 #2B99D4 #B65825 #D4662B #DA7B49 #49A7DA

Analogous Palette

#3FAB9B #45BAA9 #2890C7 #2B99D4 #4556BA #5464C0

Triadic Palette

#2687BB #2B99D4 #E01F9D #E43AA9 #9DE01F #8AC51B

Split Complementary Palette

#278ABF #2B99D4 #D42B45 #D84058 #D4BA2B #BFA727

Square Palette

#2481B2 #2B99D4 #B138C7 #C76A38 #45D42B #63DB4D

Tetradic Palette

#237DAE #2B99D4 #5F14EB #D4662B #A0EB14 #B1EF3E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2B99D4 contains 43 red, 153 green, and 212 blue.

Contrast Ratio: 3.14:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.7:1