Color conversion
Color conversion for #2AA2FE
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 42 | 162 | 254 | |
|---|---|---|---|---|
| HSL | 206.04° | 99.07% | 58.04% | |
| HSV | 206.04° | 83.46% | 99.61% | |
| CMYK | 83.46% | 36.22% | 0% | 0.39% |
| XYZ | 31.7576 | 33.4846 | 98.5361 | |
| Yxy | 33.4846 | 0.1939 | 0.2045 | |
| Hunter Lab | 57.8659 | -3.3028 | -60.4155 | |
| CIE-Lab | 64.5514 | -0.2493 | -54.5711 | |
| CIE-LCH | 64.5514 | 54.5717 | 269.7383 | |
| CIE-LUV | 64.5514 | -37.5308 | -88.1886 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00101010 | 10100010 | 11111110 |
| Octal | 52 | 242 | 376 |
| Decimal | 42 | 162 | 254 |
| Hex | 2A | A2 | FE |
RGB percentages
CMYK percentages
Shades #2AA2FE
Tints #2AA2FE
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#2AA2FE color on black
#2AA2FE color sample text
#2AA2FE color on white
#2AA2FE color sample text
#2AA2FE CSS codes
.background { background-color: #2AA2FE; }
.text { color: #2AA2FE; }
.border { border: 3px solid #2AA2FE; }
.shadow { box-shadow: 0 8px 28px rgba(42, 162, 254, 0.35); }
CSS preview
Accessibility
Contrast on white2.73:1Poor
Contrast on black7.7:1AAA
Web safe#3399FFNear
Luminance0.33490-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#2AA2FE color
PortuguêsCor #2AA2FE
EspañolColor #2AA2FE
한국어#2AA2FE 색상
日本語#2AA2FE の色
中文#2AA2FE 颜色
DeutschFarbe #2AA2FE
FrançaisCouleur #2AA2FE
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #2AA2FE color.
Related shades
See Blues