Color conversion
Color conversion for #386AC6
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 56 | 106 | 198 | |
|---|---|---|---|---|
| HSL | 218.87° | 55.91% | 49.8% | |
| HSV | 218.87° | 71.72% | 77.65% | |
| CMYK | 71.72% | 46.46% | 0% | 22.35% |
| XYZ | 16.9743 | 15.2242 | 55.4591 | |
| Yxy | 15.2242 | 0.1936 | 0.1737 | |
| Hunter Lab | 39.0182 | 9.3714 | -56.927 | |
| CIE-Lab | 45.9398 | 14.5892 | -52.9304 | |
| CIE-LCH | 45.9398 | 54.9042 | 285.4098 | |
| CIE-LUV | 45.9398 | -19.6643 | -80.9457 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00111000 | 01101010 | 11000110 |
| Octal | 70 | 152 | 306 |
| Decimal | 56 | 106 | 198 |
| Hex | 38 | 6A | C6 |
RGB percentages
CMYK percentages
Shades #386AC6
Tints #386AC6
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#386AC6 color on black
#386AC6 color sample text
#386AC6 color on white
#386AC6 color sample text
#386AC6 CSS codes
.background { background-color: #386AC6; }
.text { color: #386AC6; }
.border { border: 3px solid #386AC6; }
.shadow { box-shadow: 0 8px 28px rgba(56, 106, 198, 0.35); }
CSS preview
Accessibility
Contrast on white5.19:1AA
Contrast on black4.05:1Large text
Web safe#3366CCNear
Luminance0.15230-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#386AC6 color
PortuguêsCor #386AC6
EspañolColor #386AC6
한국어#386AC6 색상
日本語#386AC6 の色
中文#386AC6 颜色
DeutschFarbe #386AC6
FrançaisCouleur #386AC6
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #386AC6 color.
Related shades
See Blues