#2F456E Color

Color Information

HEX	#2F456E
RGB	47, 69, 110
HSL	219° , 40% , 31%
HSV	219° , 57% , 43%
CMYK	57%, 37%, 0%, 57%

Lighter Shades

#485B7F #617291 #7A88A2 #939EB4 #ACB5C5 #C5CBD6

Darker Shades

#293D61 #243454 #1E2C46 #182439 #131C2C #0D131F

Complementary Palette

#283B5F #2F456E #5F4D28 #6F592F #83704C #4C5F82

Analogous Palette

#385256 #3E5B60 #2C4167 #2F456E #433E60 #54506D

Triadic Palette

#293D61 #2F456E #772744 #87415A #447727 #3C6922

Split Complementary Palette

#2A3E63 #2F456E #6F392F #7D4D44 #656F2F #5B642A

Square Palette

#273A5C #2F456E #683760 #685637 #2F6F39 #508659

Tetradic Palette

#27395A #2F456E #5D207E #6F592F #437E20 #659548

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F456E contains 47 red, 69 green, and 110 blue.

Contrast Ratio: 9.83:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.14:1