Color conversion
Color conversion for #406ACC
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 64 | 106 | 204 | |
|---|---|---|---|---|
| HSL | 222° | 57.85% | 52.55% | |
| HSV | 222° | 68.63% | 80% | |
| CMYK | 68.63% | 48.04% | 0% | 20% |
| XYZ | 18.1636 | 15.7559 | 59.199 | |
| Yxy | 15.7559 | 0.1951 | 0.1692 | |
| Hunter Lab | 39.6937 | 12.2159 | -60.6046 | |
| CIE-Lab | 46.6526 | 17.9448 | -55.2138 | |
| CIE-LCH | 46.6526 | 58.0567 | 288.0045 | |
| CIE-LUV | 46.6526 | -18.0107 | -85.007 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01000000 | 01101010 | 11001100 |
| Octal | 100 | 152 | 314 |
| Decimal | 64 | 106 | 204 |
| Hex | 40 | 6A | CC |
RGB percentages
CMYK percentages
Shades #406ACC
Tints #406ACC
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#406ACC color on black
#406ACC color sample text
#406ACC color on white
#406ACC color sample text
#406ACC CSS codes
.background { background-color: #406ACC; }
.text { color: #406ACC; }
.border { border: 3px solid #406ACC; }
.shadow { box-shadow: 0 8px 28px rgba(64, 106, 204, 0.35); }
CSS preview
Accessibility
Contrast on white5.06:1AA
Contrast on black4.15:1Large text
Web safe#3366CCNear
Luminance0.15760-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#406ACC color
PortuguêsCor #406ACC
EspañolColor #406ACC
한국어#406ACC 색상
日本語#406ACC の色
中文#406ACC 颜色
DeutschFarbe #406ACC
FrançaisCouleur #406ACC
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #406ACC color.
Related shades
See Blues