Color conversion
Color conversion for #396BB3
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 57 | 107 | 179 | |
|---|---|---|---|---|
| HSL | 215.41° | 51.69% | 46.27% | |
| HSV | 215.41° | 68.16% | 70.2% | |
| CMYK | 68.16% | 40.22% | 0% | 29.8% |
| XYZ | 15.0788 | 14.6384 | 44.6699 | |
| Yxy | 14.6384 | 0.2027 | 0.1968 | |
| Hunter Lab | 38.2602 | 3.3932 | -42.4137 | |
| CIE-Lab | 45.1349 | 7.1613 | -43.2051 | |
| CIE-LCH | 45.1349 | 43.7946 | 279.4113 | |
| CIE-LUV | 45.1349 | -20.0877 | -65.1163 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00111001 | 01101011 | 10110011 |
| Octal | 71 | 153 | 263 |
| Decimal | 57 | 107 | 179 |
| Hex | 39 | 6B | B3 |
RGB percentages
CMYK percentages
Shades #396BB3
Tints #396BB3
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#396BB3 color on black
#396BB3 color sample text
#396BB3 color on white
#396BB3 color sample text
#396BB3 CSS codes
.background { background-color: #396BB3; }
.text { color: #396BB3; }
.border { border: 3px solid #396BB3; }
.shadow { box-shadow: 0 8px 28px rgba(57, 107, 179, 0.35); }CSS preview
Accessibility
Contrast on white5.35:1AA
Contrast on black3.93:1Large text
Web safe#3366CCNear
Luminance0.14640-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#396BB3 color
PortuguêsCor #396BB3
EspañolColor #396BB3
한국어#396BB3 색상
日本語#396BB3 の色
中文#396BB3 颜色
DeutschFarbe #396BB3
FrançaisCouleur #396BB3
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #396BB3 color.
Related shades
See Blues