Color conversion
Color conversion for #315AEC
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 49 | 90 | 236 | |
|---|---|---|---|---|
| HSL | 226.84° | 83.11% | 55.88% | |
| HSV | 226.84° | 79.24% | 92.55% | |
| CMYK | 79.24% | 61.86% | 0% | 7.45% |
| XYZ | 20.0578 | 14.0191 | 80.9894 | |
| Yxy | 14.0191 | 0.1743 | 0.1218 | |
| Hunter Lab | 37.4421 | 30.0984 | -101.988 | |
| CIE-Lab | 44.2603 | 37.9386 | -77.3145 | |
| CIE-LCH | 44.2603 | 86.1212 | 296.1374 | |
| CIE-LUV | 44.2603 | -16.3005 | -116.0919 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110001 | 01011010 | 11101100 |
| Octal | 61 | 132 | 354 |
| Decimal | 49 | 90 | 236 |
| Hex | 31 | 5A | EC |
RGB percentages
CMYK percentages
Shades #315AEC
Tints #315AEC
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#315AEC color on black
#315AEC color sample text
#315AEC color on white
#315AEC color sample text
#315AEC CSS codes
.background { background-color: #315AEC; }
.text { color: #315AEC; }
.border { border: 3px solid #315AEC; }
.shadow { box-shadow: 0 8px 28px rgba(49, 90, 236, 0.35); }
CSS preview
Accessibility
Contrast on white5.52:1AA
Contrast on black3.8:1Large text
Web safe#3366FFNear
Luminance0.14020-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#315AEC color
PortuguêsCor #315AEC
EspañolColor #315AEC
한국어#315AEC 색상
日本語#315AEC の色
中文#315AEC 颜色
DeutschFarbe #315AEC
FrançaisCouleur #315AEC
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #315AEC color.
Related shades
See Blues