#2F476F Color

Color Information

HEX#2F476F
RGB47, 71, 111
HSL218° , 41% , 31%
HSV218° , 58% , 44%
CMYK58%, 36%, 0%, 56%

Lighter Shades

#485D80 #617392 #7A89A3 #939FB4 #ACB5C5 #C5CBD7

Darker Shades

#293E62 #243654 #1E2D47 #18253A #131C2C #0D141F

Complementary Palette

#283D5F #2F476F #5F4C28 #6F582F #836F4C #4C6183

Analogous Palette

#385356 #3E5B60 #2C4368 #2F476F #433E60 #53506D

Triadic Palette

#293E62 #2F476F #772744 #87415A #447727 #3C6922

Split Complementary Palette

#2A4064 #2F476F #6F372F #7D4B44 #676F2F #5D642A

Square Palette

#273C5D #2F476F #683761 #685637 #2F6F37 #508657

Tetradic Palette

#273A5B #2F476F #5B207E #6F582F #437E20 #659548

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F476F contains 47 red, 71 green, and 111 blue.

Contrast Ratio: 9.57:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.19:1