#334d5e HEX color information
| Color | HEX | RGB |
|---|---|---|
| #334d5e | RGB(51, 77, 94) |
Created at 03/03/2023 02:59
Classification of #334d5e color
#334d5e is Semi dark and Cool Color Saturation 30%, lightness 28%.
Tint of Dark Slate Gray
RGB values are RGB(51, 77, 94)
#334d5e color contains Red 20%, Green 30.2% and Blue 36.86%.
oklch(40.65% 0.0427 237.87)
#334d5e color contains Red 20%, Green 30.2% and Blue 36.86%.
oklch(40.65% 0.0427 237.87)
Color Names of #334d5e HEX code
≈ Pickled Bluewood
Alternative colors of #334d5e
Opposite Color for #334d5e is #5e4433
#334d5e Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #334d5e
cmyk
CMYK(46%, 18%, 0%, 63%)
Decimal
3362142
HEX
#334d5e
HSL
hsl(204, 30%, 28%)
HSLA
hsla(204, 30%, 28%, 1)
RGB
RGB(51, 77, 94)
RGBA
RGBA(51, 77, 94, 1)
Palettes for #334d5e color:
Below are examples of color palettes with the #334d5e HEX color
darkest color is #050809 from shades and lightest color is #ebedef from tints
Shades palette of #334d5e:
#2e4555
#293e4b
#243642
#1f2e38
#1a272f
#141f26
#0f171c
#0a0f13
#050809
#000000
Tints palette of #334d5e:
#475f6e
#5c717e
#70828e
#85949e
#99a6af
#adb8bf
#c2cacf
#d6dbdf
#ebedef
#ffffff
Complementary palette of #334d5e:
#334d5e
#5e4433
Triadic palette of #334d5e:
#334d5e
#5e334d
#4d5e33
Square palette of #334d5e:
#334d5e
#5a335e
#5e4433
#375e33
Analogous palette of #334d5e:
#335e5a
#334d5e
#33375e
Split-Complementary palette of #334d5e:
#334d5e
#5e3337
#5e5a33
Rectangle (tetradic) palette of #334d5e:
#334d5e
#44335e
#5e4433
#4d5e33
Suggested color palettes for #334d5e HEX:
Color palette with color #334d5e #1:
Color palette with color #334d5e #2:
Color palette with color #334d5e #3:
Color palette with color #334d5e #4:
Color palette with color #334d5e #5:
Color #334d5e used in palettes (3)
Color Contrast
Color pairings of #334d5e with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#334d5e
#334d5e Contrast Ratio
8.88:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#334d5e
#334d5e Contrast Ratio
2.36:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #334d5e color png
Visit the popular colors list for more colors