Color conversion
Color conversion for #661EA2
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 102 | 30 | 162 | |
|---|---|---|---|---|
| HSL | 272.73° | 68.75% | 37.65% | |
| HSV | 272.73° | 81.48% | 63.53% | |
| CMYK | 37.04% | 81.48% | 0% | 36.47% |
| XYZ | 12.4638 | 6.362 | 34.7468 | |
| Yxy | 6.362 | 0.2327 | 0.1188 | |
| Hunter Lab | 25.223 | 44.0638 | -63.9889 | |
| CIE-Lab | 30.308 | 54.4202 | -56.8313 | |
| CIE-LCH | 30.308 | 78.6852 | 313.7585 | |
| CIE-LUV | 30.308 | 14.6481 | -78.1791 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01100110 | 00011110 | 10100010 |
| Octal | 146 | 36 | 242 |
| Decimal | 102 | 30 | 162 |
| Hex | 66 | 1E | A2 |
RGB percentages
CMYK percentages
Shades #661EA2
Tints #661EA2
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#661EA2 color on black
#661EA2 color sample text
#661EA2 color on white
#661EA2 color sample text
#661EA2 CSS codes
.background { background-color: #661EA2; }
.text { color: #661EA2; }
.border { border: 3px solid #661EA2; }
.shadow { box-shadow: 0 8px 28px rgba(102, 30, 162, 0.35); }
CSS preview
Accessibility
Contrast on white9.24:1AAA
Contrast on black2.27:1Poor
Web safe#663399Near
Luminance0.06360-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#661EA2 color
PortuguêsCor #661EA2
EspañolColor #661EA2
한국어#661EA2 색상
日本語#661EA2 の色
中文#661EA2 颜色
DeutschFarbe #661EA2
FrançaisCouleur #661EA2
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #661EA2 color.
Related shades
See Violets