Created at 02/22/2023 00:52
#348c8c HEX Color information
| Color | HEX | RGB |
| #348c8c | RGB(52, 140, 140) |
RGB values are RGB(52, 140, 140)
#348c8c color contain Red 20.39%, Green 54.9% and Blue 54.9%.
Color Names of #348c8c HEX code
Celadon Green Color
Alternative colors of #348c8c
Opposite Color for #348c8c is #8d3434
#348c8c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #348c8c
Decimal
3443852
HEX
#348c8c
HSL
hsl(180, 46%, 38%)
HSLA
hsla(180, 46%, 38%, 1)
RGB
RGB(52, 140, 140)
RGBA
RGBA(52, 140, 140, 1)
Palettes for #348c8c color:
Below examples of color palettes for #348c8c HEX color
darkest color is #050e0e from shades and lightest color is #ebf4f4 from tints
Shades palette of #348c8c:
Tints palette of #348c8c:
Complementary palette of #348c8c:
Triadic palette of #348c8c:
Square palette of #348c8c:
Analogous palette of #348c8c:
Split-Complementary palette of #348c8c:
Rectangle (tetradic) palette of #348c8c:
Suggested colors palettes for #348c8c HEX:
Colors palette with color #348c8c #1:
Colors palette with color #348c8c #2:
Colors palette with color #348c8c #3:
Colors palette with color #348c8c #4:
Colors palette with color #348c8c #5:
Color #348c8c used in palettes (10)
Green glassmorphism design ui colours Illustration ipad pro japan apple pencil colours Bulgaria bulgarian town handlettering typography element palette Blue illustration art print colors palette Christmas illustration vector postcard colors Design dailyui ui minimal Logodaily logoplace logodesign logoinspire palette Mountain uidesign tourist cloud hex colors Web design finance landing page transaction colors Illustration skateboard flat coffee palette
Color Contrast
Color pairings #348c8c with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#348c8c
#348c8c Contrast Ratio
3.98:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#348c8c
#348c8c Contrast Ratio
5.27:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
