#2A88AD Color

Color Information

HEX	#2A88AD
RGB	42, 136, 173
HSL	197° , 61% , 42%
HSV	197° , 76% , 68%
CMYK	76%, 21%, 0%, 32%

Lighter Shades

#4496B7 #5DA5C1 #77B3CB #90C1D4 #AACFDE #C3DEE8

Darker Shades

#257898 #206783 #1B576F #16475A #113645 #0C2630

Complementary Palette

#247595 #2A88AD #944424 #AC4F2A #B86848 #4899B8

Analogous Palette

#3C8B7A #3F9784 #2780A3 #2A88AD #3F5297 #54639C

Triadic Palette

#257898 #2A88AD #B71F8C #C03A9A #8CB71F #7BA11B

Split Complementary Palette

#267A9C #2A88AD #AC2A46 #B43F59 #AC902A #9B8226

Square Palette

#237291 #2A88AD #8A34A2 #A25334 #46AC2A #64B94C

Tetradic Palette

#22708E #2A88AD #4616C0 #AC4F2A #90C016 #A4CB40

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2A88AD contains 42 red, 136 green, and 173 blue.

Contrast Ratio: 3.97:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.28:1