Color conversion
Color conversion for #386AAD
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 56 | 106 | 173 | |
|---|---|---|---|---|
| HSL | 214.36° | 51.09% | 44.9% | |
| HSV | 214.36° | 67.63% | 67.84% | |
| CMYK | 67.63% | 38.73% | 0% | 32.16% |
| XYZ | 14.325 | 14.1645 | 41.5061 | |
| Yxy | 14.1645 | 0.2047 | 0.2024 | |
| Hunter Lab | 37.6358 | 2.0779 | -39.0166 | |
| CIE-Lab | 44.4679 | 5.4484 | -40.7603 | |
| CIE-LCH | 44.4679 | 41.1228 | 277.6136 | |
| CIE-LUV | 44.4679 | -20.0805 | -60.9677 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00111000 | 01101010 | 10101101 |
| Octal | 70 | 152 | 255 |
| Decimal | 56 | 106 | 173 |
| Hex | 38 | 6A | AD |
RGB percentages
CMYK percentages
Shades #386AAD
Tints #386AAD
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#386AAD color on black
#386AAD color sample text
#386AAD color on white
#386AAD color sample text
#386AAD CSS codes
.background { background-color: #386AAD; }
.text { color: #386AAD; }
.border { border: 3px solid #386AAD; }
.shadow { box-shadow: 0 8px 28px rgba(56, 106, 173, 0.35); }
CSS preview
Accessibility
Contrast on white5.48:1AA
Contrast on black3.83:1Large text
Web safe#336699Near
Luminance0.14170-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#386AAD color
PortuguêsCor #386AAD
EspañolColor #386AAD
한국어#386AAD 색상
日本語#386AAD の色
中文#386AAD 颜色
DeutschFarbe #386AAD
FrançaisCouleur #386AAD
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #386AAD color.
Related shades
See Blues