#2F65BC Color

Color Information

HEX#2F65BC
RGB47, 101, 188
HSL217° , 60% , 46%
HSV217° , 75% , 74%
CMYK75%, 46%, 0%, 26%

Lighter Shades

#4877C4 #618ACC #7A9CD4 #93AFDC #ACC1E4 #C5D4EC

Darker Shades

#2959A5 #244D8F #1E4178 #183562 #13284B #0D1C35

Complementary Palette

#2857A2 #2F65BC #A27328 #BC862F #C5974C #4C7BC5

Analogous Palette

#408C96 #4699A4 #2C5FB1 #2F65BC #5146A4 #6158A7

Triadic Palette

#2959A5 #2F65BC #C72362 #CE3D75 #62C723 #56AF1F

Split Complementary Palette

#2A5BA9 #2F65BC #BC3F2F #C35244 #ABBC2F #9AA92A

Square Palette

#27559E #2F65BC #B03BA2 #B0833B #2FBC3F #50C75E

Tetradic Palette

#27539A #2F65BC #8B1AD1 #BC862F #60D11A #7DD943

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F65BC contains 47 red, 101 green, and 188 blue.

Contrast Ratio: 5.67:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.71:1