#2A8284 Color

Color Information

HEX#2A8284
RGB42, 130, 132
HSL181° , 52% , 34%
HSV181° , 68% , 52%
CMYK68%, 2%, 0%, 48%

Lighter Shades

#449193 #5DA0A2 #77AFB0 #90BEBF #AACDCE #C3DCDD

Darker Shades

#257274 #206364 #1B5354 #164445 #113435 #0C2425

Complementary Palette

#247072 #2A8284 #722524 #842B2A #954948 #489495

Analogous Palette

#376850 #3B7258 #277A7C #2A8284 #3B5672 #4F6378

Triadic Palette

#257274 #2A8284 #8C218B #9A3C99 #8B8C21 #7A7B1D

Split Complementary Palette

#267577 #2A8284 #842A55 #903F66 #84582A #774F26

Square Palette

#236D6F #2A8284 #58327B #7B3332 #55842A #70984C

Tetradic Palette

#226B6C #2A8284 #1C1A93 #842B2A #91931A #A5A643

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A8284 contains 42 red, 130 green, and 132 blue.

Contrast Ratio: 4.5:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.67:1