#314F69 Color

Color Information

HEX#314F69
RGB49, 79, 105
HSL208° , 36% , 30%
HSV208° , 53% , 41%
CMYK53%, 25%, 0%, 59%

Lighter Shades

#4A647B #62798D #7B8E9F #94A3B1 #ADB9C3 #C5CED5

Darker Shades

#2B465C #253C50 #1F3343 #192937 #14202A #0E161D

Complementary Palette

#2A445A #314F69 #59412A #684B31 #7D644E #4E687E

Analogous Palette

#3C5352 #405958 #2E4A63 #314F69 #404159 #4C4D67

Triadic Palette

#2B465C #314F69 #70294F #814364 #4F7029 #466324

Split Complementary Palette

#2C475F #314F69 #683133 #774647 #686631 #5E5C2C

Square Palette

#294258 #314F69 #5F3960 #604B39 #336831 #548052

Tetradic Palette

#284156 #314F69 #4A2376 #684B31 #4F7623 #6F8F4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #314F69 contains 49 red, 79 green, and 105 blue.

Contrast Ratio: 8.74:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.4:1