Created at 12/03/2023 07:41
  9

#334f5b HEX Color information

Color HEX RGB
#334f5b RGB(51, 79, 91)

RGB values are RGB(51, 79, 91)
#334f5b color contain Red 20%, Green 30.98% and Blue 35.69%.

Classification of #334f5b color

#334f5b is Light and Cool Color
Opposite Color for #334f5b is #5b3f33

#334f5b Color Conversion

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

Decimal
3362651
HEX
#334f5b
HSL
hsl(198, 28%, 28%)
HSLA
hsla(198, 28%, 28%, 1)
RGB
RGB(51, 79, 91)
RGBA
RGBA(51, 79, 91, 1)

Palettes for #334f5b color:

Below examples of color palettes for #334f5b HEX color

darkest color is #050809 from shades and lightest color is #ebedef from tints

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

Suggested colors palettes for #334f5b HEX:

Colors palette with color #334f5b #1:
Colors palette with color #334f5b #2:
Colors palette with color #334f5b #3:
Colors palette with color #334f5b #4:
Colors palette with color #334f5b #5:

Color Contrast

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

#334f5b
#334f5b
Contrast Ratio
8.71:1
SizeAA-levelAAA-level
Large text:
Small text:
#334f5b
#334f5b
Contrast Ratio
2.41:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #334f5b 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