Color conversion
Color conversion for #5366D3
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 83 | 102 | 211 | |
|---|---|---|---|---|
| HSL | 231.09° | 59.26% | 57.65% | |
| HSV | 231.09° | 60.66% | 82.75% | |
| CMYK | 60.66% | 51.66% | 0% | 17.25% |
| XYZ | 20.0726 | 16.0433 | 63.6543 | |
| Yxy | 16.0433 | 0.2012 | 0.1608 | |
| Hunter Lab | 40.0541 | 19.3576 | -66.1494 | |
| CIE-Lab | 47.0312 | 26.0681 | -58.5574 | |
| CIE-LCH | 47.0312 | 64.0977 | 293.9973 | |
| CIE-LUV | 47.0312 | -12.2785 | -90.8961 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010011 | 01100110 | 11010011 |
| Octal | 123 | 146 | 323 |
| Decimal | 83 | 102 | 211 |
| Hex | 53 | 66 | D3 |
RGB percentages
CMYK percentages
Shades #5366D3
Tints #5366D3
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#5366D3 color on black
#5366D3 color sample text
#5366D3 color on white
#5366D3 color sample text
#5366D3 CSS codes
.background { background-color: #5366D3; }
.text { color: #5366D3; }
.border { border: 3px solid #5366D3; }
.shadow { box-shadow: 0 8px 28px rgba(83, 102, 211, 0.35); }
CSS preview
Accessibility
Contrast on white4.99:1AA
Contrast on black4.21:1Large text
Web safe#6666CCNear
Luminance0.16040-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#5366D3 color
PortuguêsCor #5366D3
EspañolColor #5366D3
한국어#5366D3 색상
日本語#5366D3 の色
中文#5366D3 颜色
DeutschFarbe #5366D3
FrançaisCouleur #5366D3
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #5366D3 color.
Related shades
See Blues