Color conversion
Color conversion for #5AAAF0
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 90 | 170 | 240 | |
|---|---|---|---|---|
| HSL | 208° | 83.33% | 64.71% | |
| HSV | 208° | 62.5% | 94.12% | |
| CMYK | 62.5% | 29.17% | 0% | 5.88% |
| XYZ | 34.3135 | 37.211 | 87.7953 | |
| Yxy | 37.211 | 0.2154 | 0.2336 | |
| Hunter Lab | 61.0008 | -6.3444 | -42.599 | |
| CIE-Lab | 67.435 | -3.6101 | -42.2982 | |
| CIE-LCH | 67.435 | 42.452 | 265.1217 | |
| CIE-LUV | 67.435 | -32.8491 | -67.535 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01011010 | 10101010 | 11110000 |
| Octal | 132 | 252 | 360 |
| Decimal | 90 | 170 | 240 |
| Hex | 5A | AA | F0 |
RGB percentages
CMYK percentages
Shades #5AAAF0
Tints #5AAAF0
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#5AAAF0 color on black
#5AAAF0 color sample text
#5AAAF0 color on white
#5AAAF0 color sample text
#5AAAF0 CSS codes
.background { background-color: #5AAAF0; }
.text { color: #5AAAF0; }
.border { border: 3px solid #5AAAF0; }
.shadow { box-shadow: 0 8px 28px rgba(90, 170, 240, 0.35); }CSS preview
Accessibility
Contrast on white2.49:1Poor
Contrast on black8.44:1AAA
Web safe#6699FFNear
Luminance0.37210-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#5AAAF0 color
PortuguêsCor #5AAAF0
EspañolColor #5AAAF0
한국어#5AAAF0 색상
日本語#5AAAF0 の色
中文#5AAAF0 颜色
DeutschFarbe #5AAAF0
FrançaisCouleur #5AAAF0
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #5AAAF0 color.
Related shades
See Blues