Color conversion
Color conversion for #61AAF0
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 97 | 170 | 240 | |
|---|---|---|---|---|
| HSL | 209.37° | 82.66% | 66.08% | |
| HSV | 209.37° | 59.58% | 94.12% | |
| CMYK | 59.58% | 29.17% | 0% | 5.88% |
| XYZ | 35.0269 | 37.5789 | 87.8287 | |
| Yxy | 37.5789 | 0.2183 | 0.2342 | |
| Hunter Lab | 61.3016 | -5.2863 | -42.0022 | |
| CIE-Lab | 67.7091 | -2.341 | -41.8493 | |
| CIE-LCH | 67.7091 | 41.9147 | 266.7983 | |
| CIE-LUV | 67.7091 | -31.1061 | -66.9588 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01100001 | 10101010 | 11110000 |
| Octal | 141 | 252 | 360 |
| Decimal | 97 | 170 | 240 |
| Hex | 61 | AA | F0 |
RGB percentages
CMYK percentages
Shades #61AAF0
Tints #61AAF0
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#61AAF0 color on black
#61AAF0 color sample text
#61AAF0 color on white
#61AAF0 color sample text
#61AAF0 CSS codes
.background { background-color: #61AAF0; }
.text { color: #61AAF0; }
.border { border: 3px solid #61AAF0; }
.shadow { box-shadow: 0 8px 28px rgba(97, 170, 240, 0.35); }
CSS preview
Accessibility
Contrast on white2.47:1Poor
Contrast on black8.52:1AAA
Web safe#6699FFNear
Luminance0.37580-1
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#61AAF0 color
PortuguêsCor #61AAF0
EspañolColor #61AAF0
한국어#61AAF0 색상
日本語#61AAF0 の色
中文#61AAF0 颜色
DeutschFarbe #61AAF0
FrançaisCouleur #61AAF0
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #61AAF0 color.
Similar colors
See Blues
Blue Jeans
Blue Jeans
Very light azure
Very light azure
Bleu de France
Bleu de France
Brilliant azure
Brilliant azure
Baby blue eyes
Baby blue eyes
Aero
Aero
Tufts Blue
Tufts Blue
Jordy blue
Jordy blue
Little boy blue
Little boy blue
Maya blue
Maya blue
Dodger blue
Dodger blue
French sky blue
French sky blue