Color conversion
Color conversion for #348DD1
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 52 | 141 | 209 | |
|---|---|---|---|---|
| HSL | 205.99° | 63.05% | 51.18% | |
| HSV | 205.99° | 75.12% | 81.96% | |
| CMYK | 75.12% | 32.54% | 0% | 18.04% |
| XYZ | 22.4452 | 24.3806 | 63.8322 | |
| Yxy | 24.3806 | 0.2028 | 0.2203 | |
| Hunter Lab | 49.3767 | -5.2691 | -42.054 | |
| CIE-Lab | 56.4669 | -3.3051 | -42.4447 | |
| CIE-LCH | 56.4669 | 42.5732 | 265.5475 | |
| CIE-LUV | 56.4669 | -31.5298 | -65.9111 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110100 | 10001101 | 11010001 |
| Octal | 64 | 215 | 321 |
| Decimal | 52 | 141 | 209 |
| Hex | 34 | 8D | D1 |
RGB percentages
CMYK percentages
Shades #348DD1
Tints #348DD1
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#348DD1 color on black
#348DD1 color sample text
#348DD1 color on white
#348DD1 color sample text
#348DD1 CSS codes
.background { background-color: #348DD1; }
.text { color: #348DD1; }
.border { border: 3px solid #348DD1; }
.shadow { box-shadow: 0 8px 28px rgba(52, 141, 209, 0.35); }CSS preview
Accessibility
Contrast on white3.57:1Large text
Contrast on black5.88:1AA
Web safe#3399CCNear
Luminance0.24380-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#348DD1 color
PortuguêsCor #348DD1
EspañolColor #348DD1
한국어#348DD1 색상
日本語#348DD1 の色
中文#348DD1 颜色
DeutschFarbe #348DD1
FrançaisCouleur #348DD1
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #348DD1 color.
Related shades
See Blues