#314B64 Color

Color Information

HEX#314B64
RGB49, 75, 100
HSL209° , 34% , 29%
HSV209° , 51% , 39%
CMYK51%, 25%, 0%, 61%

Lighter Shades

#4A6177 #627689 #7B8C9C #94A1AE #ADB7C1 #C5CDD4

Darker Shades

#2B4258 #25394C #1F3040 #192734 #141E28 #0E151C

Complementary Palette

#2A4156 #314B64 #553F2A #634931 #79624E #4E647A

Analogous Palette

#3B4F4F #3F5555 #2E475E #314B64 #3F3F55 #4C4C67

Triadic Palette

#2B4258 #314B64 #6A294B #7C4361 #4B6A29 #425D24

Split Complementary Palette

#2C445A #314B64 #633132 #734647 #636231 #59582C

Square Palette

#293F54 #314B64 #5B385C #5C4938 #326331 #537C52

Tetradic Palette

#283E52 #314B64 #492370 #634931 #4B7023 #6B8A4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #314B64 contains 49 red, 75 green, and 100 blue.

Contrast Ratio: 9.27:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.27:1