Created at 02/18/2023 12:33
  34

#3a5670 HEX Color information

Color HEX RGB
#3a5670 RGB(58, 86, 112)
RGB values are RGB(58, 86, 112)
#3a5670 color contain Red 22.75%, Green 33.73% and Blue 43.92%.
oklch(44.22% 0.0546 247.33)

Classification of #3a5670 color

#3a5670 is Semi dark and Cool Color
Opposite Color for #3a5670 is #6f5339

#3a5670 Color Conversion

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

Decimal
3823216
HEX
#3a5670
HSL
hsl(209, 32%, 33%)
HSLA
hsla(209, 32%, 33%, 1)
RGB
RGB(58, 86, 112)
RGBA
RGBA(58, 86, 112, 1)

Palettes for #3a5670 color:

Below examples of color palettes for #3a5670 HEX color

darkest color is #06090b from shades and lightest color is #ebeef1 from tints

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

Color #3a5670 used in palettes (1)

Color Contrast

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

#3a5670
#3a5670
Contrast Ratio
7.65:1
SizeAA-levelAAA-level
Large text:
Small text:
#3a5670
#3a5670
Contrast Ratio
2.74:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #3a5670 color png