Color conversion
Color conversion for #31AEFF
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 49 | 174 | 255 | |
|---|---|---|---|---|
| HSL | 203.59° | 100% | 59.61% | |
| HSV | 203.59° | 80.78% | 100% | |
| CMYK | 80.78% | 31.76% | 0% | 0% |
| XYZ | 34.4456 | 38.1408 | 100.1348 | |
| Yxy | 38.1408 | 0.1994 | 0.2208 | |
| Hunter Lab | 61.7582 | -8.5195 | -52.8644 | |
| CIE-Lab | 68.1243 | -6.1246 | -49.4516 | |
| CIE-LCH | 68.1243 | 49.8294 | 262.9398 | |
| CIE-LUV | 68.1243 | -40.6705 | -79.5779 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110001 | 10101110 | 11111111 |
| Octal | 61 | 256 | 377 |
| Decimal | 49 | 174 | 255 |
| Hex | 31 | AE | FF |
RGB percentages
CMYK percentages
Shades #31AEFF
Tints #31AEFF
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#31AEFF color on black
#31AEFF color sample text
#31AEFF color on white
#31AEFF color sample text
#31AEFF CSS codes
.background { background-color: #31AEFF; }
.text { color: #31AEFF; }
.border { border: 3px solid #31AEFF; }
.shadow { box-shadow: 0 8px 28px rgba(49, 174, 255, 0.35); }CSS preview
Accessibility
Contrast on white2.43:1Poor
Contrast on black8.63:1AAA
Web safe#3399FFNear
Luminance0.38150-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#31AEFF color
PortuguêsCor #31AEFF
EspañolColor #31AEFF
한국어#31AEFF 색상
日本語#31AEFF の色
中文#31AEFF 颜色
DeutschFarbe #31AEFF
FrançaisCouleur #31AEFF
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #31AEFF color.
Related shades
See Blues