#314A7F Color

Color Information

HEX#314A7F
RGB49, 74, 127
HSL221° , 44% , 35%
HSV221° , 61% , 50%
CMYK61%, 42%, 0%, 50%

Lighter Shades

#4A608E #62759E #7B8BAD #94A1BC #ADB7CC #C5CCDB

Darker Shades

#2B4170 #253861 #1F2F51 #192642 #141E33 #0E1524

Complementary Palette

#2A406D #314A7F #6F592B #816832 #937D4F #4E6391

Analogous Palette

#3E5D65 #44676F #2E4677 #314A7F #4C446F #5C5676

Triadic Palette

#2B4170 #314A7F #892948 #97435E #488929 #3F7924

Split Complementary Palette

#2C4372 #314A7F #814032 #8E5347 #728132 #67742D

Square Palette

#293E6B #314A7F #783B6C #78643B #328140 #53955F

Tetradic Palette

#283D68 #314A7F #6E2291 #816832 #459122 #66A54A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #314A7F contains 49 red, 74 green, and 127 blue.

Contrast Ratio: 8.88:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.36:1