Color conversion
Color conversion for #345EAA
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 52 | 94 | 170 | |
|---|---|---|---|---|
| HSL | 218.64° | 53.15% | 43.53% | |
| HSV | 218.64° | 69.41% | 66.67% | |
| CMYK | 69.41% | 44.71% | 0% | 33.33% |
| XYZ | 12.672 | 11.6365 | 39.6007 | |
| Yxy | 11.6365 | 0.1983 | 0.1821 | |
| Hunter Lab | 34.1123 | 6.6119 | -44.9237 | |
| CIE-Lab | 40.6325 | 11.3248 | -45.1193 | |
| CIE-LCH | 40.6325 | 46.5188 | 284.09 | |
| CIE-LUV | 40.6325 | -17.0111 | -66.6143 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110100 | 01011110 | 10101010 |
| Octal | 64 | 136 | 252 |
| Decimal | 52 | 94 | 170 |
| Hex | 34 | 5E | AA |
RGB percentages
CMYK percentages
Shades #345EAA
Tints #345EAA
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#345EAA color on black
#345EAA color sample text
#345EAA color on white
#345EAA color sample text
#345EAA CSS codes
.background { background-color: #345EAA; }
.text { color: #345EAA; }
.border { border: 3px solid #345EAA; }
.shadow { box-shadow: 0 8px 28px rgba(52, 94, 170, 0.35); }
CSS preview
Accessibility
Contrast on white6.31:1AA
Contrast on black3.33:1Large text
Web safe#336699Near
Luminance0.11640-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#345EAA color
PortuguêsCor #345EAA
EspañolColor #345EAA
한국어#345EAA 색상
日本語#345EAA の色
中文#345EAA 颜色
DeutschFarbe #345EAA
FrançaisCouleur #345EAA
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #345EAA color.
Related shades
See Blues