#2A8ABA Color

Color Information

HEX#2A8ABA
RGB42, 138, 186
HSL200° , 63% , 45%
HSV200° , 77% , 73%
CMYK77%, 26%, 0%, 27%

Lighter Shades

#4498C2 #5DA6CB #77B4D3 #90C2DB #AAD0E3 #C3DEEC

Darker Shades

#2579A4 #20698D #1B5877 #164861 #11374A #0C2734

Complementary Palette

#2477A0 #2A8ABA #A14E24 #BB5B2A #C57248 #489AC4

Analogous Palette

#3C9687 #41A494 #2782AF #2A8ABA #4152A4 #5461A6

Triadic Palette

#2579A4 #2A8ABA #C71F8F #CE3A9C #8FC71F #7EAF1B

Split Complementary Palette

#267CA7 #2A8ABA #BB2A43 #C23F56 #BBA32A #A89326

Square Palette

#23749C #2A8ABA #9B36B0 #B05E36 #43BB2A #61C64C

Tetradic Palette

#227199 #2A8ABA #5416D0 #BB5B2A #92D016 #A6D840

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2A8ABA contains 42 red, 138 green, and 186 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