#2F6EB1 Color

Color Information

HEX#2F6EB1
RGB47, 110, 177
HSL211° , 58% , 44%
HSV211° , 73% , 69%
CMYK73%, 38%, 0%, 31%

Lighter Shades

#487FBA #6191C4 #7AA2CD #93B4D6 #ACC5E0 #C5D6E9

Darker Shades

#29619C #245487 #1E4671 #18395C #132C47 #0D1F32

Complementary Palette

#285F98 #2F6EB1 #986228 #B1722F #BC864C #4C82BC

Analogous Palette

#3F8B8D #46999B #2C67A6 #2F6EB1 #47469B #59589D

Triadic Palette

#29619C #2F6EB1 #BC246E #C43E7F #6EBC24 #61A520

Split Complementary Palette

#2A639F #2F6EB1 #B1312F #B94644 #AFB12F #9E9F2A

Square Palette

#275C95 #2F6EB1 #A63AA4 #A6723A #2FB131 #50BD52

Tetradic Palette

#275A91 #2F6EB1 #731BC5 #B1722F #6DC51B #87CF44

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F6EB1 contains 47 red, 110 green, and 177 blue.

Contrast Ratio: 5.25:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4:1