Color conversion
Color conversion for #2AABFF
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 42 | 171 | 255 | |
|---|---|---|---|---|
| HSL | 203.66° | 100% | 58.24% | |
| HSV | 203.66° | 83.53% | 100% | |
| CMYK | 83.53% | 32.94% | 0% | 0% |
| XYZ | 33.5607 | 36.8338 | 99.9292 | |
| Yxy | 36.8338 | 0.197 | 0.2163 | |
| Hunter Lab | 60.6909 | -7.5032 | -55.1008 | |
| CIE-Lab | 67.1522 | -5.0136 | -50.9945 | |
| CIE-LCH | 67.1522 | 51.2404 | 264.3849 | |
| CIE-LUV | 67.1522 | -40.4184 | -82.162 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00101010 | 10101011 | 11111111 |
| Octal | 52 | 253 | 377 |
| Decimal | 42 | 171 | 255 |
| Hex | 2A | AB | FF |
RGB percentages
CMYK percentages
Shades #2AABFF
Tints #2AABFF
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#2AABFF color on black
#2AABFF color sample text
#2AABFF color on white
#2AABFF color sample text
#2AABFF CSS codes
.background { background-color: #2AABFF; }
.text { color: #2AABFF; }
.border { border: 3px solid #2AABFF; }
.shadow { box-shadow: 0 8px 28px rgba(42, 171, 255, 0.35); }
CSS preview
Accessibility
Contrast on white2.51:1Poor
Contrast on black8.37:1AAA
Web safe#3399FFNear
Luminance0.36840-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#2AABFF color
PortuguêsCor #2AABFF
EspañolColor #2AABFF
한국어#2AABFF 색상
日本語#2AABFF の色
中文#2AABFF 颜色
DeutschFarbe #2AABFF
FrançaisCouleur #2AABFF
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #2AABFF color.
Related shades
See Blues