Created at 05/19/2024 18:15
#348ea2 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #348ea2 | RGB(52, 142, 162) |
RGB values are RGB(52, 142, 162)
#348ea2 color contain Red 20.39%, Green 55.69% and Blue 63.53%.
oklch(60.20% 0.0885 215.3)
#348ea2 color contain Red 20.39%, Green 55.69% and Blue 63.53%.
oklch(60.20% 0.0885 215.3)
Classification of #348ea2 color
#348ea2 is Light and Cool Color Saturation 51%, lightness 42%.
Tint of cadetblue
Alternative colors of #348ea2
Opposite Color for #348ea2 is #a24934
#348ea2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #348ea2
Decimal
3444386
HEX
#348ea2
HSL
hsl(191, 51%, 42%)
HSLA
hsla(191, 51%, 42%, 1)
RGB
RGB(52, 142, 162)
RGBA
RGBA(52, 142, 162, 1)
Palettes for #348ea2 color:
Below examples of color palettes for #348ea2 HEX color
darkest color is #050e10 from shades and lightest color is #ebf4f6 from tints
Shades palette of #348ea2:
#2f8092
#2a7282
#246371
#1f5561
#1a4751
#153941
#102b31
#0a1c20
#050e10
#000000
Tints palette of #348ea2:
#4899ab
#5da5b5
#71b0be
#85bbc7
#9ac7d1
#aed2da
#c2dde3
#d6e8ec
#ebf4f6
#ffffff
Complementary palette of #348ea2:
#348ea2
#a24934
Triadic palette of #348ea2:
#348ea2
#a2348e
#8ea234
Square palette of #348ea2:
#348ea2
#7f34a2
#57a234
#a24934
Analogous palette of #348ea2:
#34a27f
#348ea2
Split-Complementary palette of #348ea2:
#348ea2
#34a27f
Rectangle (tetradic) palette of #348ea2:
#348ea2
#7f34a2
#57a234
#a23457
Suggested colors palettes for #348ea2 HEX:
Colors palette with color #348ea2 #1:
Colors palette with color #348ea2 #2:
Colors palette with color #348ea2 #3:
Colors palette with color #348ea2 #4:
Colors palette with color #348ea2 #5:
Color Contrast
Color pairings #348ea2 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#348ea2
#348ea2 Contrast Ratio
3.79:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#348ea2
#348ea2 Contrast Ratio
5.53:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #348ea2 color png
Visit the popular colors list for more colors