Color conversion
Color conversion for #31DEFE
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 49 | 222 | 254 | |
|---|---|---|---|---|
| HSL | 189.37° | 99.03% | 59.41% | |
| HSV | 189.37° | 80.71% | 99.61% | |
| CMYK | 80.71% | 12.6% | 0% | 0.39% |
| XYZ | 45.2695 | 60.0455 | 102.9507 | |
| Yxy | 60.0455 | 0.2174 | 0.2883 | |
| Hunter Lab | 77.489 | -31.326 | -24.4986 | |
| CIE-Lab | 81.8629 | -31.3486 | -27.5706 | |
| CIE-LCH | 81.8629 | 41.7477 | 221.3311 | |
| CIE-LUV | 81.8629 | -56.9698 | -40.0826 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110001 | 11011110 | 11111110 |
| Octal | 61 | 336 | 376 |
| Decimal | 49 | 222 | 254 |
| Hex | 31 | DE | FE |
RGB percentages
CMYK percentages
Shades #31DEFE
Tints #31DEFE
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#31DEFE color on black
#31DEFE color sample text
#31DEFE color on white
#31DEFE color sample text
#31DEFE CSS codes
.background { background-color: #31DEFE; }
.text { color: #31DEFE; }
.border { border: 3px solid #31DEFE; }
.shadow { box-shadow: 0 8px 28px rgba(49, 222, 254, 0.35); }
CSS preview
Accessibility
Contrast on white1.61:1Poor
Contrast on black13.01:1AAA
Web safe#33CCFFNear
Luminance0.60050-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#31DEFE color
PortuguêsCor #31DEFE
EspañolColor #31DEFE
한국어#31DEFE 색상
日本語#31DEFE の色
中文#31DEFE 颜色
DeutschFarbe #31DEFE
FrançaisCouleur #31DEFE
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #31DEFE color.
Related shades
See Cyans