#345b68 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #345b68 | RGB(52, 91, 104) |
Created at 03/05/2023 08:36
RGB values are RGB(52, 91, 104)
#345b68 color contains Red 20.39%, Green 35.69% and Blue 40.78%.
oklch(44.77% 0.049 221.43)
#345b68 color contains Red 20.39%, Green 35.69% and Blue 40.78%.
oklch(44.77% 0.049 221.43)
Color Names of #345b68 HEX code
≈ Casal
Classification of #345b68 color
#345b68 is Semi dark and Cool Color Saturation 33%, lightness 31%.
Tint of Dark Slate Gray
Alternative colors of #345b68
Opposite Color for #345b68 is #684134
#345b68 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #345b68
cmyk
CMYK(50%, 12%, 0%, 59%)
Decimal
3431272
HEX
#345b68
HSL
hsl(195, 33%, 31%)
HSLA
hsla(195, 33%, 31%, 1)
RGB
RGB(52, 91, 104)
RGBA
RGBA(52, 91, 104, 1)
Palettes for #345b68 color:
Below are examples of color palettes with the #345b68 HEX color
darkest color is #05090a from shades and lightest color is #ebeff0 from tints
Shades palette of #345b68:
#2f525e
#2a4953
#244049
#1f373e
#1a2e34
#15242a
#101b1f
#0a1215
#05090a
#000000
Tints palette of #345b68:
#486b77
#5d7c86
#718c95
#859da4
#9aadb4
#aebdc3
#c2ced2
#d6dee1
#ebeff0
#ffffff
Complementary palette of #345b68:
#345b68
#684134
Triadic palette of #345b68:
#345b68
#68345b
#5b6834
Square palette of #345b68:
#345b68
#5b3468
#684134
#416834
Analogous palette of #345b68:
#34685b
#345b68
#344168
Split-Complementary palette of #345b68:
#345b68
#683441
#685b34
Rectangle (tetradic) palette of #345b68:
#345b68
#413468
#684134
#5b6834
Suggested color palettes for #345b68 HEX:
Color palette with color #345b68 #1:
Color palette with color #345b68 #2:
Color palette with color #345b68 #3:
Color palette with color #345b68 #4:
Color palette with color #345b68 #5:
Color #345b68 used in palettes (1)
Color Contrast
Color pairings of #345b68 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#345b68
#345b68Contrast Ratio
7.38:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#345b68
#345b68Contrast Ratio
2.84:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #345b68 color png
Visit the popular colors list for more colors