#04314F Color

Color Information

HEX#04314F
RGB4, 49, 79
HSL204° , 90% , 16%
HSV204° , 95% , 31%
CMYK95%, 38%, 0%, 69%

Lighter Shades

#224A64 #406279 #5E7B8E #7C94A3 #9BADB9 #B9C5CE

Darker Shades

#042B46 #03253C #031F33 #021929 #021420 #010E16

Complementary Palette

#032A44 #04314F #431C03 #4E2104 #674027 #274E68

Analogous Palette

#0C413A #0C4540 #042E4A #04314F #0C1245 #242852

Triadic Palette

#042B46 #04314F #520031 #671F4A #315200 #2B4800

Split Complementary Palette

#042C47 #04314F #4E040B #601D23 #4E4604 #463F04

Square Palette

#032942 #04314F #430849 #492208 #0B4E04 #326A2C

Tetradic Palette

#032841 #04314F #210052 #4E2104 #315200 #56712E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #04314F contains 4 red, 49 green, and 79 blue.

Contrast Ratio: 14.1:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.49:1