Color conversion
Color conversion for #42A2EB
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 66 | 162 | 235 | |
|---|---|---|---|---|
| HSL | 205.92° | 80.86% | 59.02% | |
| HSV | 205.92° | 71.91% | 92.16% | |
| CMYK | 71.91% | 31.06% | 0% | 7.84% |
| XYZ | 30.1567 | 32.9937 | 83.3602 | |
| Yxy | 32.9937 | 0.2058 | 0.2252 | |
| Hunter Lab | 57.4401 | -6.8066 | -45.803 | |
| CIE-Lab | 64.1558 | -4.475 | -44.7632 | |
| CIE-LCH | 64.1558 | 44.9863 | 264.2911 | |
| CIE-LUV | 64.1558 | -35.2134 | -71.1042 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01000010 | 10100010 | 11101011 |
| Octal | 102 | 242 | 353 |
| Decimal | 66 | 162 | 235 |
| Hex | 42 | A2 | EB |
RGB percentages
CMYK percentages
Shades #42A2EB
Tints #42A2EB
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#42A2EB color on black
#42A2EB color sample text
#42A2EB color on white
#42A2EB color sample text
#42A2EB CSS codes
.background { background-color: #42A2EB; }
.text { color: #42A2EB; }
.border { border: 3px solid #42A2EB; }
.shadow { box-shadow: 0 8px 28px rgba(66, 162, 235, 0.35); }
CSS preview
Accessibility
Contrast on white2.76:1Poor
Contrast on black7.6:1AAA
Web safe#3399FFNear
Luminance0.330-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#42A2EB color
PortuguêsCor #42A2EB
EspañolColor #42A2EB
한국어#42A2EB 색상
日本語#42A2EB の色
中文#42A2EB 颜色
DeutschFarbe #42A2EB
FrançaisCouleur #42A2EB
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #42A2EB color.
Related shades
See Blues