Created at 02/18/2023 12:21
#348cd4 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #348cd4 | RGB(52, 140, 212) |
RGB values are RGB(52, 140, 212)
#348cd4 color contain Red 20.39%, Green 54.9% and Blue 83.14%.
oklch(62.17% 0.1367 247.22)
#348cd4 color contain Red 20.39%, Green 54.9% and Blue 83.14%.
oklch(62.17% 0.1367 247.22)
Color Names of #348cd4 HEX code
Tufts Blue Color
Classification of #348cd4 color
#348cd4 is Light and Cool Color Saturation 65%, lightness 52%.
Tint of dodgerblue
Alternative colors of #348cd4
Opposite Color for #348cd4 is #d47d35
#348cd4 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #348cd4
Decimal
3443924
HEX
#348cd4
HSL
hsl(207, 65%, 52%)
HSLA
hsla(207, 65%, 52%, 1)
RGB
RGB(52, 140, 212)
RGBA
RGBA(52, 140, 212, 1)
Palettes for #348cd4 color:
Below examples of color palettes for #348cd4 HEX color
darkest color is #050e15 from shades and lightest color is #ebf4fb from tints
Shades palette of #348cd4:
#2f7ebf
#2a70aa
#246294
#1f547f
#1a466a
#153855
#102a40
#0a1c2a
#050e15
#000000
Tints palette of #348cd4:
#4898d8
#5da3dd
#71afe1
#85bae5
#9ac6ea
#aed1ee
#c2ddf2
#d6e8f6
#ebf4fb
#ffffff
Complementary palette of #348cd4:
#358dd4
#d47d35
Triadic palette of #348cd4:
#358dd4
#d4358d
#8dd435
Square palette of #348cd4:
#358dd4
#cc35d4
#3dd435
#d47d35
Analogous palette of #348cd4:
#35d4cc
#358dd4
Split-Complementary palette of #348cd4:
#358dd4
#35d4cc
Rectangle (tetradic) palette of #348cd4:
#358dd4
#cc35d4
#3dd435
#d4353d
Loading...
Color #348cd4 used in palettes (10)
Credit card ui app money transfer colors Element illustration logo watercolor palette Digital painting drawing character design illustration colors palette Website builder banner ads design colours Cute easter covid character colors palette Design icon flat typography hex colors Branding design facebook ads vector colors palette Professional cleaning services maid house company colours Cold motion design animate mobile Ui web dashboard search job hunt colors palette
Color Contrast
Color pairings #348cd4 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#348cd4
#348cd4 Contrast Ratio
3.59:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#348cd4
#348cd4 Contrast Ratio
5.84:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #348cd4 color png
Visit the popular colors list for more colors