#2A8BB3 Color

Color Information

HEX#2A8BB3
RGB42, 139, 179
HSL198° , 62% , 43%
HSV198° , 77% , 70%
CMYK77%, 22%, 0%, 30%

Lighter Shades

#4499BC #5DA7C5 #77B5CE #90C3D7 #AAD1E1 #C3DFEA

Darker Shades

#257A9E #206A88 #1B5973 #16485D #113848 #0C2732

Complementary Palette

#24789A #2A8BB3 #994724 #B2522A #BD6A48 #489BBE

Analogous Palette

#3B9180 #409C89 #2783A8 #2A8BB3 #40529C #5464A0

Triadic Palette

#257A9E #2A8BB3 #BD1F8D #C53A9B #8DBD1F #7CA61B

Split Complementary Palette

#267DA1 #2A8BB3 #B22A45 #BA3F58 #B2962A #A08726

Square Palette

#237596 #2A8BB3 #9035A7 #A75735 #45B22A #63BE4C

Tetradic Palette

#227293 #2A8BB3 #4B16C5 #B2522A #91C516 #A5CF40

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2A8BB3 contains 42 red, 139 green, and 179 blue.

Contrast Ratio: 3.81:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.51:1