#334f60 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #334f60 | RGB(51, 79, 96) |
Created at 02/24/2023 22:25
Classification of #334f60 color
#334f60 is Semi dark and Cool Color Saturation 31%, lightness 29%.
Tint of Dark Slate Gray
RGB values are RGB(51, 79, 96)
#334f60 color contains Red 20%, Green 30.98% and Blue 37.65%.
oklch(41.26% 0.0441 235.97)
#334f60 color contains Red 20%, Green 30.98% and Blue 37.65%.
oklch(41.26% 0.0441 235.97)
Color Names of #334f60 HEX code
≈ San Juan
Alternative colors of #334f60
Opposite Color for #334f60 is #604433
#334f60 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #334f60
cmyk
CMYK(47%, 18%, 0%, 62%)
Decimal
3362656
HEX
#334f60
HSL
hsl(203, 31%, 29%)
HSLA
hsla(203, 31%, 29%, 1)
RGB
RGB(51, 79, 96)
RGBA
RGBA(51, 79, 96, 1)
Palettes for #334f60 color:
Below are examples of color palettes with the #334f60 HEX color
darkest color is #05080a from shades and lightest color is #ebedef from tints
Shades palette of #334f60:
#2e4756
#293f4d
#243743
#1f2f3a
#1a2830
#142026
#0f181d
#0a1013
#05080a
#000000
Tints palette of #334f60:
#476170
#5c7280
#708490
#8595a0
#99a7b0
#adb9bf
#c2cacf
#d6dcdf
#ebedef
#ffffff
Complementary palette of #334f60:
#334f60
#604433
Triadic palette of #334f60:
#334f60
#60334f
#4f6033
Square palette of #334f60:
#334f60
#5b3360
#604433
#386033
Analogous palette of #334f60:
#33605b
#334f60
#333860
Split-Complementary palette of #334f60:
#334f60
#603338
#605b33
Rectangle (tetradic) palette of #334f60:
#334f60
#443360
#604433
#4f6033
Suggested color palettes for #334f60 HEX:
Color palette with color #334f60 #1:
Color palette with color #334f60 #2:
Color palette with color #334f60 #3:
Color palette with color #334f60 #4:
Color palette with color #334f60 #5:
Color #334f60 used in palettes (2)
Color Contrast
Color pairings of #334f60 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#334f60
#334f60 Contrast Ratio
8.64:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#334f60
#334f60 Contrast Ratio
2.42:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #334f60 color png
Visit the popular colors list for more colors