Color conversion
Color conversion for #315BC3
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 49 | 91 | 195 | |
|---|---|---|---|---|
| HSL | 222.74° | 59.84% | 47.84% | |
| HSV | 222.74° | 74.87% | 76.47% | |
| CMYK | 74.87% | 53.33% | 0% | 23.53% |
| XYZ | 14.8545 | 12.0736 | 53.1667 | |
| Yxy | 12.0736 | 0.1855 | 0.1507 | |
| Hunter Lab | 34.7471 | 15.5014 | -66.3615 | |
| CIE-Lab | 41.3329 | 22.2005 | -58.6415 | |
| CIE-LCH | 41.3329 | 62.7032 | 290.7357 | |
| CIE-LUV | 41.3329 | -16.4858 | -87.3909 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110001 | 01011011 | 11000011 |
| Octal | 61 | 133 | 303 |
| Decimal | 49 | 91 | 195 |
| Hex | 31 | 5B | C3 |
RGB percentages
CMYK percentages
Shades #315BC3
Tints #315BC3
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#315BC3 color on black
#315BC3 color sample text
#315BC3 color on white
#315BC3 color sample text
#315BC3 CSS codes
.background { background-color: #315BC3; }
.text { color: #315BC3; }
.border { border: 3px solid #315BC3; }
.shadow { box-shadow: 0 8px 28px rgba(49, 91, 195, 0.35); }
CSS preview
Accessibility
Contrast on white6.15:1AA
Contrast on black3.42:1Large text
Web safe#3366CCNear
Luminance0.12080-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#315BC3 color
PortuguêsCor #315BC3
EspañolColor #315BC3
한국어#315BC3 색상
日本語#315BC3 の色
中文#315BC3 颜色
DeutschFarbe #315BC3
FrançaisCouleur #315BC3
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #315BC3 color.
Related shades
See Blues