Created at 02/22/2023 17:58
  23

#314d63 HEX Color information

Color HEX RGB
#314d63 RGB(49, 77, 99)

RGB values are RGB(49, 77, 99)
#314d63 color contain Red 19.22%, Green 30.2% and Blue 38.82%.

Classification of #314d63 color

#314d63 is Light and Cool Color
Opposite Color for #314d63 is #634731

#314d63 Color Conversion

Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #314d63

Decimal
3231075
HEX
#314d63
HSL
hsl(206, 34%, 29%)
HSLA
hsla(206, 34%, 29%, 1)
RGB
RGB(49, 77, 99)
RGBA
RGBA(49, 77, 99, 1)

Palettes for #314d63 color:

Below examples of color palettes for #314d63 HEX color

darkest color is #05080a from shades and lightest color is #eaedef from tints

Shades palette of #314d63:
Tints palette of #314d63:
Complementary palette of #314d63:
Triadic palette of #314d63:
Square palette of #314d63:
Analogous palette of #314d63:
Split-Complementary palette of #314d63:
Rectangle (tetradic) palette of #314d63:

Suggested colors palettes for #314d63 HEX:

Color #314d63 used in palettes (1)

Color Contrast

Color pairings #314d63 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio

#314d63
#314d63
Contrast Ratio
8.85:1
SizeAA-levelAAA-level
Large text:
Small text:
#314d63
#314d63
Contrast Ratio
2.37:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #314d63 color png

Palette colors: How to use?

Click on any color to add in Palette
Quick palette
Maximum 10 palettes Compare
Click on «Compare» icon to add Palette in Compare List Palettes
Compare Palettes