#2F4D80 Color

Color Information

HEX#2F4D80
RGB47, 77, 128
HSL218° , 46% , 34%
HSV218° , 63% , 50%
CMYK63%, 40%, 0%, 50%

Lighter Shades

#48628F #61789E #7A8DAE #93A2BD #ACB8CC #C5CDDB

Darker Shades

#294471 #243B61 #1E3152 #182843 #131F33 #0D1624

Complementary Palette

#28426E #2F4D80 #6D5328 #7F612F #91774C #4C6692

Analogous Palette

#3A5E64 #40676D #2C4878 #2F4D80 #46406D #575473

Triadic Palette

#294471 #2F4D80 #87264A #954060 #4A8726 #417721

Split Complementary Palette

#2A4573 #2F4D80 #7F392F #8C4D44 #747F2F #68722A

Square Palette

#27416C #2F4D80 #76376E #765F37 #2F7F39 #509359

Tetradic Palette

#273F69 #2F4D80 #651F8E #7F612F #488E1F #69A247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F4D80 contains 47 red, 77 green, and 128 blue.

Contrast Ratio: 8.58:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.45:1