#2A8FB6 Color

Color Information

HEX#2A8FB6
RGB42, 143, 182
HSL197° , 63% , 44%
HSV197° , 77% , 71%
CMYK77%, 21%, 0%, 29%

Lighter Shades

#449CBF #5DAAC8 #77B7D0 #90C5D9 #AAD2E2 #C3E0EB

Darker Shades

#257EA0 #206D8A #1B5C74 #164A5F #113949 #0C2833

Complementary Palette

#247B9D #2A8FB6 #9D4724 #B7522A #C16A48 #489FC0

Analogous Palette

#3D9481 #40A08C #2786AB #2A8FB6 #4055A0 #5566A5

Triadic Palette

#257EA0 #2A8FB6 #C21E94 #C939A1 #94C21E #82AB1A

Split Complementary Palette

#2681A4 #2A8FB6 #B72A48 #BE3F5A #B7982A #A58926

Square Palette

#237899 #2A8FB6 #9235AC #AC5635 #48B72A #65C34C

Tetradic Palette

#227595 #2A8FB6 #4915CB #B7522A #98CB15 #ABD43F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2A8FB6 contains 42 red, 143 green, and 182 blue.

Contrast Ratio: 3.64:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.77:1