Color conversion
Color conversion for #4C86BF
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 76 | 134 | 191 | |
|---|---|---|---|---|
| HSL | 209.74° | 47.33% | 52.35% | |
| HSV | 209.74° | 60.21% | 74.9% | |
| CMYK | 60.21% | 29.84% | 0% | 25.1% |
| XYZ | 20.9061 | 22.3464 | 52.4917 | |
| Yxy | 22.3464 | 0.2184 | 0.2334 | |
| Hunter Lab | 47.272 | -3.7847 | -32.7206 | |
| CIE-Lab | 54.3926 | -1.5964 | -35.4553 | |
| CIE-LCH | 54.3926 | 35.4912 | 267.422 | |
| CIE-LUV | 54.3926 | -24.7575 | -54.2595 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01001100 | 10000110 | 10111111 |
| Octal | 114 | 206 | 277 |
| Decimal | 76 | 134 | 191 |
| Hex | 4C | 86 | BF |
RGB percentages
CMYK percentages
Shades #4C86BF
Tints #4C86BF
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#4C86BF color on black
#4C86BF color sample text
#4C86BF color on white
#4C86BF color sample text
#4C86BF CSS codes
.background { background-color: #4C86BF; }
.text { color: #4C86BF; }
.border { border: 3px solid #4C86BF; }
.shadow { box-shadow: 0 8px 28px rgba(76, 134, 191, 0.35); }
CSS preview
Accessibility
Contrast on white3.84:1Large text
Contrast on black5.47:1AA
Web safe#3399CCNear
Luminance0.22350-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#4C86BF color
PortuguêsCor #4C86BF
EspañolColor #4C86BF
한국어#4C86BF 색상
日本語#4C86BF の色
中文#4C86BF 颜色
DeutschFarbe #4C86BF
FrançaisCouleur #4C86BF
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #4C86BF color.
Related shades
See Blues