Color conversion
Color conversion for #567EEA
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 86 | 126 | 234 | |
|---|---|---|---|---|
| HSL | 223.78° | 77.89% | 62.75% | |
| HSV | 223.78° | 63.25% | 91.76% | |
| CMYK | 63.25% | 46.15% | 0% | 8.24% |
| XYZ | 26.1448 | 22.8383 | 80.8564 | |
| Yxy | 22.8383 | 0.2014 | 0.1759 | |
| Hunter Lab | 47.7894 | 14.0221 | -66.8227 | |
| CIE-Lab | 54.9054 | 19.5497 | -58.8617 | |
| CIE-LCH | 54.9054 | 62.0233 | 288.3728 | |
| CIE-LUV | 54.9054 | -19.1004 | -94.2805 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010110 | 01111110 | 11101010 |
| Octal | 126 | 176 | 352 |
| Decimal | 86 | 126 | 234 |
| Hex | 56 | 7E | EA |
RGB percentages
CMYK percentages
Shades #567EEA
Tints #567EEA
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#567EEA color on black
#567EEA color sample text
#567EEA color on white
#567EEA color sample text
#567EEA CSS codes
.background { background-color: #567EEA; }
.text { color: #567EEA; }
.border { border: 3px solid #567EEA; }
.shadow { box-shadow: 0 8px 28px rgba(86, 126, 234, 0.35); }
CSS preview
Accessibility
Contrast on white3.77:1Large text
Contrast on black5.57:1AA
Web safe#6666FFNear
Luminance0.22840-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#567EEA color
PortuguêsCor #567EEA
EspañolColor #567EEA
한국어#567EEA 색상
日本語#567EEA の色
中文#567EEA 颜色
DeutschFarbe #567EEA
FrançaisCouleur #567EEA
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #567EEA color.
Related shades
See Blues