#2A8496 Color

Color Information

HEX#2A8496
RGB42, 132, 150
HSL190° , 56% , 38%
HSV190° , 72% , 59%
CMYK72%, 12%, 0%, 41%

Lighter Shades

#4493A3 #5DA2AF #77B0BC #90BFC8 #AACED5 #C3DDE2

Darker Shades

#257484 #206472 #1B5460 #16454E #11353C #0C252A

Complementary Palette

#247281 #2A8496 #823425 #973D2B #A65849 #4895A5

Analogous Palette

#3A7864 #3E846D #277C8D #2A8496 #3E5584 #526589

Triadic Palette

#257484 #2A8496 #A1218C #AC3C9A #8CA121 #7B8E1D

Split Complementary Palette

#267787 #2A8496 #972B4F #A14061 #97732B #886827

Square Palette

#236F7E #2A8496 #70348D #8D4334 #4F972B #6BA84D

Tetradic Palette

#226C7B #2A8496 #3119A9 #973D2B #91A919 #A5B842

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2A8496 contains 42 red, 132 green, and 150 blue.

Contrast Ratio: 4.29:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.89:1