Color conversion
Color conversion for #31A3FD
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 49 | 163 | 253 | |
|---|---|---|---|---|
| HSL | 206.47° | 98.08% | 59.22% | |
| HSV | 206.47° | 80.63% | 99.22% | |
| CMYK | 80.63% | 35.57% | 0% | 0.78% |
| XYZ | 32.0866 | 33.9352 | 97.7685 | |
| Yxy | 33.9352 | 0.1959 | 0.2072 | |
| Hunter Lab | 58.2539 | -3.6263 | -58.6906 | |
| CIE-Lab | 64.9111 | -0.6058 | -53.4473 | |
| CIE-LCH | 64.9111 | 53.4507 | 269.3506 | |
| CIE-LUV | 64.9111 | -37.15 | -86.3367 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110001 | 10100011 | 11111101 |
| Octal | 61 | 243 | 375 |
| Decimal | 49 | 163 | 253 |
| Hex | 31 | A3 | FD |
RGB percentages
CMYK percentages
Shades #31A3FD
Tints #31A3FD
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#31A3FD color on black
#31A3FD color sample text
#31A3FD color on white
#31A3FD color sample text
#31A3FD CSS codes
.background { background-color: #31A3FD; }
.text { color: #31A3FD; }
.border { border: 3px solid #31A3FD; }
.shadow { box-shadow: 0 8px 28px rgba(49, 163, 253, 0.35); }CSS preview
Accessibility
Contrast on white2.7:1Poor
Contrast on black7.79:1AAA
Web safe#3399FFNear
Luminance0.33940-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#31A3FD color
PortuguêsCor #31A3FD
EspañolColor #31A3FD
한국어#31A3FD 색상
日本語#31A3FD の色
中文#31A3FD 颜色
DeutschFarbe #31A3FD
FrançaisCouleur #31A3FD
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #31A3FD color.
Related shades
See Blues