#345d63 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #345d63 | RGB(52, 93, 99) |
Created at 02/21/2023 20:12
RGB values are RGB(52, 93, 99)
#345d63 color contains Red 20.39%, Green 36.47% and Blue 38.82%.
oklch(45.08% 0.047 207.66)
#345d63 color contains Red 20.39%, Green 36.47% and Blue 38.82%.
oklch(45.08% 0.047 207.66)
Color Names of #345d63 HEX code
≈ Casal
Classification of #345d63 color
#345d63 is Semi dark and Cool Color Saturation 31%, lightness 30%.
Tint of Dark Slate Gray
Alternative colors of #345d63
Opposite Color for #345d63 is #633a34
#345d63 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #345d63
cmyk
CMYK(47%, 6%, 0%, 61%)
Decimal
3431779
HEX
#345d63
HSL
hsl(188, 31%, 30%)
HSLA
hsla(188, 31%, 30%, 1)
RGB
RGB(52, 93, 99)
RGBA
RGBA(52, 93, 99, 1)
Palettes for #345d63 color:
Below are examples of color palettes with the #345d63 HEX color
darkest color is #05090a from shades and lightest color is #ebefef from tints
Shades palette of #345d63:
#2f5459
#2a4a4f
#244145
#1f383b
#1a2f32
#152528
#101c1e
#0a1314
#05090a
#000000
Tints palette of #345d63:
#486d73
#5d7d82
#718e92
#859ea1
#9aaeb1
#aebec1
#c2ced0
#d6dfe0
#ebefef
#ffffff
Complementary palette of #345d63:
#345d63
#633a34
Triadic palette of #345d63:
#345d63
#63345d
#5d6334
Square palette of #345d63:
#345d63
#523463
#633a34
#466334
Analogous palette of #345d63:
#346352
#345d63
#344663
Split-Complementary palette of #345d63:
#345d63
#633446
#635234
Rectangle (tetradic) palette of #345d63:
#345d63
#3a3463
#633a34
#5d6334
Suggested color palettes for #345d63 HEX:
Color palette with color #345d63 #1:
Color palette with color #345d63 #2:
Color palette with color #345d63 #3:
Color palette with color #345d63 #4:
Color palette with color #345d63 #5:
Color #345d63 used in palettes (3)
Color Contrast
Color pairings of #345d63 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#345d63
#345d63 Contrast Ratio
7.26:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#345d63
#345d63 Contrast Ratio
2.89:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #345d63 color png
Visit the popular colors list for more colors