Color conversion
Color conversion for #345BAE
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 52 | 91 | 174 | |
|---|---|---|---|---|
| HSL | 220.82° | 53.98% | 44.31% | |
| HSV | 220.82° | 70.11% | 68.24% | |
| CMYK | 70.11% | 47.7% | 0% | 31.76% |
| XYZ | 12.7945 | 11.2669 | 41.5366 | |
| Yxy | 11.2669 | 0.195 | 0.1718 | |
| Hunter Lab | 33.5662 | 9.2978 | -49.8435 | |
| CIE-Lab | 40.0264 | 14.7575 | -48.4536 | |
| CIE-LCH | 40.0264 | 50.6511 | 286.9391 | |
| CIE-LUV | 40.0264 | -16.0339 | -71.4941 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110100 | 01011011 | 10101110 |
| Octal | 64 | 133 | 256 |
| Decimal | 52 | 91 | 174 |
| Hex | 34 | 5B | AE |
RGB percentages
CMYK percentages
Shades #345BAE
Tints #345BAE
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#345BAE color on black
#345BAE color sample text
#345BAE color on white
#345BAE color sample text
#345BAE CSS codes
.background { background-color: #345BAE; }
.text { color: #345BAE; }
.border { border: 3px solid #345BAE; }
.shadow { box-shadow: 0 8px 28px rgba(52, 91, 174, 0.35); }CSS preview
Accessibility
Contrast on white6.45:1AA
Contrast on black3.25:1Large text
Web safe#336699Near
Luminance0.11270-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#345BAE color
PortuguêsCor #345BAE
EspañolColor #345BAE
한국어#345BAE 색상
日本語#345BAE の色
中文#345BAE 颜色
DeutschFarbe #345BAE
FrançaisCouleur #345BAE
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #345BAE color.
Related shades
See Blues