#2F8AC1 Color

Color Information

HEX#2F8AC1
RGB47, 138, 193
HSL203° , 61% , 47%
HSV203° , 76% , 76%
CMYK76%, 28%, 0%, 24%

Lighter Shades

#4898C8 #61A6D0 #7AB4D7 #93C2DF #ACD0E6 #C5DEEE

Darker Shades

#2979AA #246993 #1E587C #184864 #13374D #0D2736

Complementary Palette

#2877A6 #2F8AC1 #A65928 #C1672F #CA7C4C #4C9ACA

Analogous Palette

#419B90 #47A99E #2C82B5 #2F8AC1 #4752A9 #5861AD

Triadic Palette

#2979AA #2F8AC1 #CD238C #D33D9A #8CCD23 #7BB41F

Split Complementary Palette

#2A7CAE #2F8AC1 #C12F40 #C74453 #C1B02F #AE9E2A

Square Palette

#2774A2 #2F8AC1 #A73BB5 #B56A3B #40C12F #5FCB50

Tetradic Palette

#27719E #2F8AC1 #6219D7 #C1672F #8ED719 #A2DE42

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2F8AC1 contains 47 red, 138 green, and 193 blue.

Contrast Ratio: 3.76:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.59:1