Color conversion
Color conversion for #5AAAF2
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 90 | 170 | 242 | |
|---|---|---|---|---|
| HSL | 208.42° | 85.39% | 65.1% | |
| HSV | 208.42° | 62.81% | 94.9% | |
| CMYK | 62.81% | 29.75% | 0% | 5.1% |
| XYZ | 34.6123 | 37.3305 | 89.3686 | |
| Yxy | 37.3305 | 0.2146 | 0.2314 | |
| Hunter Lab | 61.0987 | -5.8036 | -43.92 | |
| CIE-Lab | 67.5243 | -2.9642 | -43.2498 | |
| CIE-LCH | 67.5243 | 43.3513 | 266.0793 | |
| CIE-LUV | 67.5243 | -32.7879 | -69.242 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01011010 | 10101010 | 11110010 |
| Octal | 132 | 252 | 362 |
| Decimal | 90 | 170 | 242 |
| Hex | 5A | AA | F2 |
RGB percentages
CMYK percentages
Shades #5AAAF2
Tints #5AAAF2
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#5AAAF2 color on black
#5AAAF2 color sample text
#5AAAF2 color on white
#5AAAF2 color sample text
#5AAAF2 CSS codes
.background { background-color: #5AAAF2; }
.text { color: #5AAAF2; }
.border { border: 3px solid #5AAAF2; }
.shadow { box-shadow: 0 8px 28px rgba(90, 170, 242, 0.35); }CSS preview
Accessibility
Contrast on white2.48:1Poor
Contrast on black8.47:1AAA
Web safe#6699FFNear
Luminance0.37330-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#5AAAF2 color
PortuguêsCor #5AAAF2
EspañolColor #5AAAF2
한국어#5AAAF2 색상
日本語#5AAAF2 の色
中文#5AAAF2 颜色
DeutschFarbe #5AAAF2
FrançaisCouleur #5AAAF2
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #5AAAF2 color.
Related shades
See Blues