Color conversion
Color conversion for #348BDF
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 52 | 139 | 223 | |
|---|---|---|---|---|
| HSL | 209.47° | 72.77% | 53.92% | |
| HSV | 209.47° | 76.68% | 87.45% | |
| CMYK | 76.68% | 37.67% | 0% | 12.55% |
| XYZ | 23.963 | 24.5202 | 73.2677 | |
| Yxy | 24.5202 | 0.1968 | 0.2014 | |
| Hunter Lab | 49.5179 | -0.2761 | -53.0299 | |
| CIE-Lab | 56.6049 | 2.9148 | -50.0783 | |
| CIE-LCH | 56.6049 | 50.1631 | 273.3311 | |
| CIE-LUV | 56.6049 | -30.2503 | -79.0988 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110100 | 10001011 | 11011111 |
| Octal | 64 | 213 | 337 |
| Decimal | 52 | 139 | 223 |
| Hex | 34 | 8B | DF |
RGB percentages
CMYK percentages
Shades #348BDF
Tints #348BDF
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#348BDF color on black
#348BDF color sample text
#348BDF color on white
#348BDF color sample text
#348BDF CSS codes
.background { background-color: #348BDF; }
.text { color: #348BDF; }
.border { border: 3px solid #348BDF; }
.shadow { box-shadow: 0 8px 28px rgba(52, 139, 223, 0.35); }CSS preview
Accessibility
Contrast on white3.56:1Large text
Contrast on black5.9:1AA
Web safe#3399CCNear
Luminance0.24520-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#348BDF color
PortuguêsCor #348BDF
EspañolColor #348BDF
한국어#348BDF 색상
日本語#348BDF の色
中文#348BDF 颜色
DeutschFarbe #348BDF
FrançaisCouleur #348BDF
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #348BDF color.
Related shades
See Blues