Color conversion
Color conversion for #6AECFF
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 106 | 236 | 255 | |
|---|---|---|---|---|
| HSL | 187.65° | 100% | 70.78% | |
| HSV | 187.65° | 58.43% | 100% | |
| CMYK | 58.43% | 7.45% | 0% | 0% |
| XYZ | 53.9819 | 70.2696 | 105.3069 | |
| Yxy | 70.2696 | 0.2352 | 0.3061 | |
| Hunter Lab | 83.827 | -31.7498 | -15.7745 | |
| CIE-Lab | 87.1289 | -30.4517 | -19.9775 | |
| CIE-LCH | 87.1289 | 36.4199 | 213.2664 | |
| CIE-LUV | 87.1289 | -52.3292 | -27.4107 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01101010 | 11101100 | 11111111 |
| Octal | 152 | 354 | 377 |
| Decimal | 106 | 236 | 255 |
| Hex | 6A | EC | FF |
RGB percentages
CMYK percentages
Shades #6AECFF
Tints #6AECFF
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#6AECFF color on black
#6AECFF color sample text
#6AECFF color on white
#6AECFF color sample text
#6AECFF CSS codes
.background { background-color: #6AECFF; }
.text { color: #6AECFF; }
.border { border: 3px solid #6AECFF; }
.shadow { box-shadow: 0 8px 28px rgba(106, 236, 255, 0.35); }
CSS preview
Accessibility
Contrast on white1.39:1Poor
Contrast on black15.06:1AAA
Web safe#66FFFFNear
Luminance0.70280-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#6AECFF color
PortuguêsCor #6AECFF
EspañolColor #6AECFF
한국어#6AECFF 색상
日本語#6AECFF の色
中文#6AECFF 颜色
DeutschFarbe #6AECFF
FrançaisCouleur #6AECFF
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #6AECFF color.
Related shades
See Cyans