#2A9FBB Color

Color Information

HEX#2A9FBB
RGB42, 159, 187
HSL192° , 63% , 45%
HSV192° , 78% , 73%
CMYK78%, 15%, 0%, 27%

Lighter Shades

#44ABC3 #5DB6CB #77C2D3 #90CDDC #AAD9E4 #C3E4EC

Darker Shades

#258CA5 #20798E #1B6678 #165361 #11404B #0C2D34

Complementary Palette

#2489A1 #2A9FBB #A13D24 #BB472A #C56148 #48ACC5

Analogous Palette

#3C967B #41A486 #2795B0 #2A9FBB #415FA4 #546CA6

Triadic Palette

#258CA5 #2A9FBB #C71FA5 #CE3AB0 #A5C71F #91AF1B

Split Complementary Palette

#268FA8 #2A9FBB #BB2A56 #C23F67 #BB902A #A88226

Square Palette

#23869D #2A9FBB #8B36B0 #B04E36 #56BB2A #71C64C

Tetradic Palette

#228299 #2A9FBB #3B16D0 #BB472A #ABD016 #BAD840

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2A9FBB contains 42 red, 159 green, and 187 blue.

Contrast Ratio: 3.06:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.87:1