#2A9EB5 Color

Color Information

HEX#2A9EB5
RGB42, 158, 181
HSL190° , 62% , 44%
HSV190° , 77% , 71%
CMYK77%, 13%, 0%, 29%

Lighter Shades

#44AABE #5DB5C7 #77C1D0 #90CDD9 #AAD8E1 #C3E4EA

Darker Shades

#258B9F #20788A #1B6574 #16525E #113F48 #0C2C33

Complementary Palette

#24889C #2A9EB5 #9D3925 #B6422B #C05C49 #48ACBF

Analogous Palette

#3E9377 #419F80 #2795AA #2A9EB5 #41609F #5570A5

Triadic Palette

#258B9F #2A9EB5 #C11FA6 #C83AB1 #A6C11F #92AA1B

Split Complementary Palette

#268EA3 #2A9EB5 #B62B59 #BD406A #B6872B #A47A27

Square Palette

#238598 #2A9EB5 #8436AB #AB4936 #59B62B #74C24D

Tetradic Palette

#228294 #2A9EB5 #3416CA #B6422B #ACCA16 #BBD440

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2A9EB5 contains 42 red, 158 green, and 181 blue.

Contrast Ratio: 3.11:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.75:1