#345c6d HEX color information
| Color | HEX | RGB |
|---|---|---|
| #345c6d | RGB(52, 92, 109) |
Created at 02/21/2023 22:41
RGB values are RGB(52, 92, 109)
#345c6d color contains Red 20.39%, Green 36.08% and Blue 42.75%.
oklch(45.25% 0.053 227.29)
#345c6d color contains Red 20.39%, Green 36.08% and Blue 42.75%.
oklch(45.25% 0.053 227.29)
Color Names of #345c6d HEX code
≈ Casal
Classification of #345c6d color
#345c6d is Semi dark and Cool Color Saturation 35%, lightness 32%.
Tint of Dark Slate Gray
Alternative colors of #345c6d
Opposite Color for #345c6d is #6d4534
#345c6d Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #345c6d
cmyk
CMYK(52%, 16%, 0%, 57%)
Decimal
3431533
HEX
#345c6d
HSL
hsl(198, 35%, 32%)
HSLA
hsla(198, 35%, 32%, 1)
RGB
RGB(52, 92, 109)
RGBA
RGBA(52, 92, 109, 1)
Palettes for #345c6d color:
Below are examples of color palettes with the #345c6d HEX color
darkest color is #05090b from shades and lightest color is #ebeff0 from tints
Shades palette of #345c6d:
#2f5362
#2a4a57
#24404c
#1f3741
#1a2e37
#15252c
#101c21
#0a1216
#05090b
#000000
Tints palette of #345c6d:
#486c7c
#5d7d8a
#718d99
#859da7
#9aaeb6
#aebec5
#c2ced3
#d6dee2
#ebeff0
#ffffff
Complementary palette of #345c6d:
#345c6d
#6d4534
Triadic palette of #345c6d:
#345c6d
#6d345c
#5c6d34
Square palette of #345c6d:
#345c6d
#61346d
#6d4534
#406d34
Analogous palette of #345c6d:
#346d61
#345c6d
#34406d
Split-Complementary palette of #345c6d:
#345c6d
#6d3440
#6d6134
Rectangle (tetradic) palette of #345c6d:
#345c6d
#45346d
#6d4534
#5c6d34
Suggested color palettes for #345c6d HEX:
Color palette with color #345c6d #1:
Color palette with color #345c6d #2:
Color palette with color #345c6d #3:
Color palette with color #345c6d #4:
Color palette with color #345c6d #5:
Color #345c6d used in palettes (1)
Color Contrast
Color pairings of #345c6d with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#345c6d
#345c6dContrast Ratio
7.24:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#345c6d
#345c6dContrast Ratio
2.89:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #345c6d color png
Visit the popular colors list for more colors