#348ac5 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #348ac5 | RGB(52, 138, 197) |
Created at 02/21/2023 17:21
RGB values are RGB(52, 138, 197)
#348ac5 color contains Red 20.39%, Green 54.12% and Blue 77.25%.
oklch(60.89% 0.1209 242.7)
#348ac5 color contains Red 20.39%, Green 54.12% and Blue 77.25%.
oklch(60.89% 0.1209 242.7)
Color Names of #348ac5 HEX code
≈ Boston Blue
Classification of #348ac5 color
#348ac5 is Light and Cool Color Saturation 58%, lightness 49%.
Tint of Steel Blue
Alternative colors of #348ac5
Opposite Color for #348ac5 is #c56f34
#348ac5 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #348ac5
cmyk
CMYK(74%, 30%, 0%, 23%)
Decimal
3443397
HEX
#348ac5
HSL
hsl(204, 58%, 49%)
HSLA
hsla(204, 58%, 49%, 1)
RGB
RGB(52, 138, 197)
RGBA
RGBA(52, 138, 197, 1)
Palettes for #348ac5 color:
Below are examples of color palettes with the #348ac5 HEX color
darkest color is #050e14 from shades and lightest color is #ebf3f9 from tints
Shades palette of #348ac5:
#2f7cb1
#2a6e9e
#24618a
#1f5376
#1a4563
#15374f
#10293b
#0a1c27
#050e14
#000000
Tints palette of #348ac5:
#4896cb
#5da1d1
#71add6
#85b9dc
#9ac5e2
#aed0e8
#c2dcee
#d6e8f3
#ebf3f9
#ffffff
Complementary palette of #348ac5:
#348ac5
#c56f34
Triadic palette of #348ac5:
#348ac5
#c5348a
#8ac534
Square palette of #348ac5:
#348ac5
#b734c5
#c56f34
#42c534
Analogous palette of #348ac5:
#34c5b8
#348ac5
#3442c5
Split-Complementary palette of #348ac5:
#348ac5
#c53442
#c5b834
Rectangle (tetradic) palette of #348ac5:
#348ac5
#6f34c5
#c56f34
#8ac534
Suggested color palettes for #348ac5 HEX:
Color palette with color #348ac5 #1:
Color palette with color #348ac5 #2:
Color palette with color #348ac5 #3:
Color palette with color #348ac5 #4:
Color palette with color #348ac5 #5:
Color #348ac5 used in palettes (1)
Color Contrast
Color pairings of #348ac5 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#348ac5
#348ac5Contrast Ratio
3.75:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#348ac5
#348ac5Contrast Ratio
5.58:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #348ac5 color png
Visit the popular colors list for more colors