#2F80A3 Color

Color Information

HEX	#2F80A3
RGB	47, 128, 163
HSL	198° , 55% , 41%
HSV	198° , 71% , 64%
CMYK	71%, 21%, 0%, 36%

Lighter Shades

#488FAE #619EB9 #7AAEC4 #93BDCF #ACCCDA #C5DBE5

Darker Shades

#29718F #24617C #1E5268 #184355 #133341 #0D242E

Complementary Palette

#286E8C #2F80A3 #8B4728 #A2522F #AF6A4C #4C92B0

Analogous Palette

#3F8375 #448D7F #2C7899 #2F80A3 #44538D #586493

Triadic Palette

#29718F #2F80A3 #AD2584 #B73F93 #84AD25 #749821

Split Complementary Palette

#2A7393 #2F80A3 #A22F46 #AB4459 #A28B2F #927D2A

Square Palette

#276C89 #2F80A3 #853A98 #98563A #46A22F #64B150

Tetradic Palette

#276986 #2F80A3 #4A1CB5 #A2522F #87B51C #9DC245

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2F80A3 contains 47 red, 128 green, and 163 blue.

Contrast Ratio: 4.39:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.78:1