Color conversion
Color conversion for #386A84
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 56 | 106 | 132 | |
|---|---|---|---|---|
| HSL | 200.53° | 40.43% | 36.86% | |
| HSV | 200.53° | 57.58% | 51.76% | |
| CMYK | 57.58% | 19.7% | 0% | 48.24% |
| XYZ | 10.9482 | 12.8138 | 23.7217 | |
| Yxy | 12.8138 | 0.2306 | 0.2699 | |
| Hunter Lab | 35.7964 | -8.0505 | -14.2177 | |
| CIE-Lab | 42.4813 | -8.7956 | -19.5143 | |
| CIE-LCH | 42.4813 | 21.4049 | 245.7377 | |
| CIE-LUV | 42.4813 | -21.0955 | -26.4733 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00111000 | 01101010 | 10000100 |
| Octal | 70 | 152 | 204 |
| Decimal | 56 | 106 | 132 |
| Hex | 38 | 6A | 84 |
RGB percentages
CMYK percentages
Shades #386A84
Tints #386A84
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#386A84 color on black
#386A84 color sample text
#386A84 color on white
#386A84 color sample text
#386A84 CSS codes
.background { background-color: #386A84; }
.text { color: #386A84; }
.border { border: 3px solid #386A84; }
.shadow { box-shadow: 0 8px 28px rgba(56, 106, 132, 0.35); }
CSS preview
Accessibility
Contrast on white5.9:1AA
Contrast on black3.56:1Large text
Web safe#336699Near
Luminance0.12810-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#386A84 color
PortuguêsCor #386A84
EspañolColor #386A84
한국어#386A84 색상
日本語#386A84 の色
中文#386A84 颜色
DeutschFarbe #386A84
FrançaisCouleur #386A84
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #386A84 color.
Related shades
See Blues