Color conversion
Color conversion for #4C6AC3
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 76 | 106 | 195 | |
|---|---|---|---|---|
| HSL | 224.87° | 49.79% | 53.14% | |
| HSV | 224.87° | 61.03% | 76.47% | |
| CMYK | 61.03% | 45.64% | 0% | 23.53% |
| XYZ | 17.9815 | 15.7832 | 53.718 | |
| Yxy | 15.7832 | 0.2055 | 0.1804 | |
| Hunter Lab | 39.7281 | 11.2669 | -52.3275 | |
| CIE-Lab | 46.6888 | 16.8233 | -49.9497 | |
| CIE-LCH | 46.6888 | 52.7067 | 288.6138 | |
| CIE-LUV | 46.6888 | -15.1085 | -76.9479 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01001100 | 01101010 | 11000011 |
| Octal | 114 | 152 | 303 |
| Decimal | 76 | 106 | 195 |
| Hex | 4C | 6A | C3 |
RGB percentages
CMYK percentages
Shades #4C6AC3
Tints #4C6AC3
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#4C6AC3 color on black
#4C6AC3 color sample text
#4C6AC3 color on white
#4C6AC3 color sample text
#4C6AC3 CSS codes
.background { background-color: #4C6AC3; }
.text { color: #4C6AC3; }
.border { border: 3px solid #4C6AC3; }
.shadow { box-shadow: 0 8px 28px rgba(76, 106, 195, 0.35); }
CSS preview
Accessibility
Contrast on white5.05:1AA
Contrast on black4.16:1Large text
Web safe#3366CCNear
Luminance0.15780-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#4C6AC3 color
PortuguêsCor #4C6AC3
EspañolColor #4C6AC3
한국어#4C6AC3 색상
日本語#4C6AC3 の色
中文#4C6AC3 颜色
DeutschFarbe #4C6AC3
FrançaisCouleur #4C6AC3
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #4C6AC3 color.
Related shades
See Blues