#2F6688 Color

Color Information

HEX#2F6688
RGB47, 102, 136
HSL203° , 49% , 36%
HSV203° , 65% , 53%
CMYK65%, 25%, 0%, 47%

Lighter Shades

#487896 #618BA5 #7A9DB3 #93AFC1 #ACC2CF #C5D4DE

Darker Shades

#295A78 #244E67 #1E4157 #183547 #132936 #0D1D26

Complementary Palette

#285875 #2F6688 #764628 #89512F #9A694C #4C7B99

Analogous Palette

#3C6D67 #417670 #2C6080 #2F6688 #414776 #55597C

Triadic Palette

#295A78 #2F6688 #922668 #9F407A #689226 #5C8021

Split Complementary Palette

#2A5C7A #2F6688 #892F39 #95444D #897E2F #7B712A

Square Palette

#275672 #2F6688 #773880 #805338 #39892F #599C50

Tetradic Palette

#275470 #2F6688 #4D1E99 #89512F #6A991E #85AB47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F6688 contains 47 red, 102 green, and 136 blue.

Contrast Ratio: 6.23:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.37:1