Color conversion
Color conversion for #396BCC
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 57 | 107 | 204 | |
|---|---|---|---|---|
| HSL | 219.59° | 59.04% | 51.18% | |
| HSV | 219.59° | 72.06% | 80% | |
| CMYK | 72.06% | 47.55% | 0% | 20% |
| XYZ | 17.8402 | 15.743 | 59.2135 | |
| Yxy | 15.743 | 0.1923 | 0.1697 | |
| Hunter Lab | 39.6774 | 10.8229 | -60.6739 | |
| CIE-Lab | 46.6355 | 16.2991 | -55.2567 | |
| CIE-LCH | 46.6355 | 57.6104 | 286.4345 | |
| CIE-LUV | 46.6355 | -19.7093 | -84.9207 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00111001 | 01101011 | 11001100 |
| Octal | 71 | 153 | 314 |
| Decimal | 57 | 107 | 204 |
| Hex | 39 | 6B | CC |
RGB percentages
CMYK percentages
Shades #396BCC
Tints #396BCC
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#396BCC color on black
#396BCC color sample text
#396BCC color on white
#396BCC color sample text
#396BCC CSS codes
.background { background-color: #396BCC; }
.text { color: #396BCC; }
.border { border: 3px solid #396BCC; }
.shadow { box-shadow: 0 8px 28px rgba(57, 107, 204, 0.35); }CSS preview
Accessibility
Contrast on white5.06:1AA
Contrast on black4.15:1Large text
Web safe#3366CCNear
Luminance0.15740-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#396BCC color
PortuguêsCor #396BCC
EspañolColor #396BCC
한국어#396BCC 색상
日本語#396BCC の色
中文#396BCC 颜色
DeutschFarbe #396BCC
FrançaisCouleur #396BCC
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #396BCC color.
Related shades
See Blues