#2F439C Color

Color Information

HEX#2F439C
RGB47, 67, 156
HSL229° , 54% , 40%
HSV229° , 70% , 61%
CMYK70%, 57%, 0%, 39%

Lighter Shades

#485AA8 #6170B4 #7A87C0 #939DCC #ACB4D7 #C5CAE3

Darker Shades

#293B89 #243377 #1E2B64 #182351 #131B3E #0D132C

Complementary Palette

#283A86 #2F439C #877628 #9D892F #AB9A4C #4C5DAA

Analogous Palette

#3E6A7E #437389 #2C3F93 #2F439C #594389 #69578E

Triadic Palette

#293B89 #2F439C #A7253D #B23F54 #3DA725 #369321

Split Complementary Palette

#2A3C8C #2F439C #9D522F #A76344 #7A9D2F #6E8D2A

Square Palette

#273883 #2F439C #933976 #938239 #2F9D52 #50AD6E

Tetradic Palette

#273780 #2F439C #951DAF #9D892F #37AF1D #5BBD46

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F439C contains 47 red, 67 green, and 156 blue.

Contrast Ratio: 8.94:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.35:1