Color conversion
Color conversion for #567BD2
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 86 | 123 | 210 | |
|---|---|---|---|---|
| HSL | 222.1° | 57.94% | 58.04% | |
| HSV | 222.1° | 59.05% | 82.35% | |
| CMYK | 59.05% | 41.43% | 0% | 17.65% |
| XYZ | 22.5496 | 20.7956 | 63.7859 | |
| Yxy | 20.7956 | 0.2105 | 0.1941 | |
| Hunter Lab | 45.6022 | 8.461 | -50.9777 | |
| CIE-Lab | 52.7251 | 13.3018 | -48.8556 | |
| CIE-LCH | 52.7251 | 50.6341 | 285.2306 | |
| CIE-LUV | 52.7251 | -18.0323 | -77.0492 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010110 | 01111011 | 11010010 |
| Octal | 126 | 173 | 322 |
| Decimal | 86 | 123 | 210 |
| Hex | 56 | 7B | D2 |
RGB percentages
CMYK percentages
Shades #567BD2
Tints #567BD2
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#567BD2 color on black
#567BD2 color sample text
#567BD2 color on white
#567BD2 color sample text
#567BD2 CSS codes
.background { background-color: #567BD2; }
.text { color: #567BD2; }
.border { border: 3px solid #567BD2; }
.shadow { box-shadow: 0 8px 28px rgba(86, 123, 210, 0.35); }CSS preview
Accessibility
Contrast on white4.07:1Large text
Contrast on black5.16:1AA
Web safe#6666CCNear
Luminance0.2080-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#567BD2 color
PortuguêsCor #567BD2
EspañolColor #567BD2
한국어#567BD2 색상
日本語#567BD2 の色
中文#567BD2 颜色
DeutschFarbe #567BD2
FrançaisCouleur #567BD2
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #567BD2 color.
Related shades
See Blues