Color conversion
Color conversion for #345FCC
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 52 | 95 | 204 | |
|---|---|---|---|---|
| HSL | 223.03° | 59.84% | 50.2% | |
| HSV | 223.03° | 74.51% | 80% | |
| CMYK | 74.51% | 53.43% | 0% | 20% |
| XYZ | 16.4036 | 13.2723 | 58.8123 | |
| Yxy | 13.2723 | 0.1854 | 0.15 | |
| Hunter Lab | 36.4312 | 16.6167 | -70.1749 | |
| CIE-Lab | 43.1707 | 23.3332 | -60.8609 | |
| CIE-LCH | 43.1707 | 65.1804 | 290.9761 | |
| CIE-LUV | 43.1707 | -17.0746 | -91.7912 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110100 | 01011111 | 11001100 |
| Octal | 64 | 137 | 314 |
| Decimal | 52 | 95 | 204 |
| Hex | 34 | 5F | CC |
RGB percentages
CMYK percentages
Shades #345FCC
Tints #345FCC
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#345FCC color on black
#345FCC color sample text
#345FCC color on white
#345FCC color sample text
#345FCC CSS codes
.background { background-color: #345FCC; }
.text { color: #345FCC; }
.border { border: 3px solid #345FCC; }
.shadow { box-shadow: 0 8px 28px rgba(52, 95, 204, 0.35); }
CSS preview
Accessibility
Contrast on white5.75:1AA
Contrast on black3.65:1Large text
Web safe#3366CCNear
Luminance0.13270-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#345FCC color
PortuguêsCor #345FCC
EspañolColor #345FCC
한국어#345FCC 색상
日本語#345FCC の色
中文#345FCC 颜色
DeutschFarbe #345FCC
FrançaisCouleur #345FCC
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #345FCC color.
Related shades
See Blues