#348cbc HEX color information
| Color | HEX | RGB |
|---|---|---|
| #348cbc | RGB(52, 140, 188) |
Created at 02/27/2023 10:00
RGB values are RGB(52, 140, 188)
#348cbc color contains Red 20.39%, Green 54.9% and Blue 73.73%.
oklch(60.90% 0.1098 236.67)
#348cbc color contains Red 20.39%, Green 54.9% and Blue 73.73%.
oklch(60.90% 0.1098 236.67)
Color Names of #348cbc HEX code
Cyan-Blue Azure Color
≈ Boston Blue
Classification of #348cbc color
#348cbc is Light and Cool Color Saturation 57%, lightness 47%.
Tint of Steel Blue
Alternative colors of #348cbc
Opposite Color for #348cbc is #bc6434
#348cbc Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #348cbc
cmyk
CMYK(72%, 26%, 0%, 26%)
Decimal
3443900
HEX
#348cbc
HSL
hsl(201, 57%, 47%)
HSLA
hsla(201, 57%, 47%, 1)
RGB
RGB(52, 140, 188)
RGBA
RGBA(52, 140, 188, 1)
Palettes for #348cbc color:
Below are examples of color palettes with the #348cbc HEX color
darkest color is #050e13 from shades and lightest color is #ebf4f8 from tints
Shades palette of #348cbc:
#2f7ea9
#2a7096
#246284
#1f5471
#1a465e
#15384b
#102a38
#0a1c26
#050e13
#000000
Tints palette of #348cbc:
#4898c3
#5da3c9
#71afd0
#85bad7
#9ac6de
#aed1e4
#c2ddeb
#d6e8f2
#ebf4f8
#ffffff
Complementary palette of #348cbc:
#348cbc
#bc6434
Triadic palette of #348cbc:
#348cbc
#bc348c
#8cbc34
Square palette of #348cbc:
#348cbc
#a834bc
#bc6434
#48bc34
Analogous palette of #348cbc:
#34bca8
#348cbc
#3448bc
Split-Complementary palette of #348cbc:
#348cbc
#bc3448
#bca834
Rectangle (tetradic) palette of #348cbc:
#348cbc
#6434bc
#bc6434
#8cbc34
Suggested color palettes for #348cbc HEX:
Color palette with color #348cbc #1:
Color palette with color #348cbc #2:
Color palette with color #348cbc #3:
Color palette with color #348cbc #4:
Color palette with color #348cbc #5:
Color #348cbc used in palettes (9)
C4d letters graphic design type paletteMobile app ui ux web coloursSkincare gradient wellness brand identityVector book texture illustration paletteIllustration ux app animation colors paletteInstagram template modern posts coloursEco web engineer panel webdesign paletteVector illustration ps colorsKids design photoshop illustration palette
Color Contrast
Color pairings of #348cbc with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#348cbc
#348cbcContrast Ratio
3.73:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#348cbc
#348cbcContrast Ratio
5.62:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #348cbc color png
Visit the popular colors list for more colors