Created at 12/06/2023 23:51
  2

#224a5e HEX Color information

Color HEX RGB
#224a5e RGB(34, 74, 94)

RGB values are RGB(34, 74, 94)
#224a5e color contain Red 13.33%, Green 29.02% and Blue 36.86%.

Classification of #224a5e color

#224a5e is Light and Cool Color
Opposite Color for #224a5e is #5e3622

#224a5e Color Conversion

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

Decimal
2247262
HEX
#224a5e
HSL
hsl(200, 47%, 25%)
HSLA
hsla(200, 47%, 25%, 1)
RGB
RGB(34, 74, 94)
RGBA
RGBA(34, 74, 94, 1)

Palettes for #224a5e color:

Below examples of color palettes for #224a5e HEX color

darkest color is #030709 from shades and lightest color is #e9edef from tints

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

Suggested colors palettes for #224a5e HEX:

Colors palette with color #224a5e #1:
Colors palette with color #224a5e #2:
Colors palette with color #224a5e #3:
Colors palette with color #224a5e #4:
Colors palette with color #224a5e #5:

Color Contrast

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

#224a5e
#224a5e
Contrast Ratio
9.5:1
SizeAA-levelAAA-level
Large text:
Small text:
#224a5e
#224a5e
Contrast Ratio
2.2:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #224a5e 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