#334c64 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #334c64 | RGB(51, 76, 100) |
Created at 02/21/2023 08:43
Classification of #334c64 color
#334c64 is Semi dark and Cool Color Saturation 32%, lightness 30%.
Shade of Dark Slate Blue
RGB values are RGB(51, 76, 100)
#334c64 color contains Red 20%, Green 29.8% and Blue 39.22%.
oklch(40.69% 0.0509 248.18)
#334c64 color contains Red 20%, Green 29.8% and Blue 39.22%.
oklch(40.69% 0.0509 248.18)
Color Names of #334c64 HEX code
≈ San Juan
Alternative colors of #334c64
Opposite Color for #334c64 is #644b33
#334c64 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #334c64
cmyk
CMYK(49%, 24%, 0%, 61%)
Decimal
3361892
HEX
#334c64
HSL
hsl(209, 32%, 30%)
HSLA
hsla(209, 32%, 30%, 1)
RGB
RGB(51, 76, 100)
RGBA
RGBA(51, 76, 100, 1)
Palettes for #334c64 color:
Below are examples of color palettes with the #334c64 HEX color
darkest color is #05080a from shades and lightest color is #ebedf0 from tints
Shades palette of #334c64:
#2e445a
#293d50
#243546
#1f2e3c
#1a2632
#141e28
#0f171e
#0a0f14
#05080a
#000000
Tints palette of #334c64:
#475e74
#5c7083
#708293
#8594a2
#99a6b2
#adb7c1
#c2c9d1
#d6dbe0
#ebedf0
#ffffff
Complementary palette of #334c64:
#334c64
#644b33
Triadic palette of #334c64:
#334c64
#64334c
#4c6433
Square palette of #334c64:
#334c64
#643364
#644b33
#336433
Analogous palette of #334c64:
#336464
#334c64
#333364
Split-Complementary palette of #334c64:
#334c64
#643333
#646433
Rectangle (tetradic) palette of #334c64:
#334c64
#4b3364
#644b33
#4c6433
Suggested color palettes for #334c64 HEX:
Color palette with color #334c64 #1:
Color palette with color #334c64 #2:
Color palette with color #334c64 #3:
Color palette with color #334c64 #4:
Color palette with color #334c64 #5:
Color #334c64 used in palettes (1)
Color Contrast
Color pairings of #334c64 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#334c64
#334c64 Contrast Ratio
8.9:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#334c64
#334c64 Contrast Ratio
2.35:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #334c64 color png
Visit the popular colors list for more colors