Color conversion
Color conversion for #6ABDFF
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 106 | 189 | 255 | |
|---|---|---|---|---|
| HSL | 206.58° | 100% | 70.78% | |
| HSV | 206.58° | 58.43% | 100% | |
| CMYK | 58.43% | 25.88% | 0% | 0% |
| XYZ | 42.1848 | 46.6755 | 101.3745 | |
| Yxy | 46.6755 | 0.2218 | 0.2454 | |
| Hunter Lab | 68.3195 | -9.3427 | -40.1182 | |
| CIE-Lab | 73.9817 | -6.4565 | -40.1519 | |
| CIE-LCH | 73.9817 | 40.6677 | 260.8649 | |
| CIE-LUV | 73.9817 | -35.1901 | -64.3417 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01101010 | 10111101 | 11111111 |
| Octal | 152 | 275 | 377 |
| Decimal | 106 | 189 | 255 |
| Hex | 6A | BD | FF |
RGB percentages
CMYK percentages
Shades #6ABDFF
Tints #6ABDFF
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#6ABDFF color on black
#6ABDFF color sample text
#6ABDFF color on white
#6ABDFF color sample text
#6ABDFF CSS codes
.background { background-color: #6ABDFF; }
.text { color: #6ABDFF; }
.border { border: 3px solid #6ABDFF; }
.shadow { box-shadow: 0 8px 28px rgba(106, 189, 255, 0.35); }CSS preview
Accessibility
Contrast on white2.03:1Poor
Contrast on black10.34:1AAA
Web safe#66CCFFNear
Luminance0.46680-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#6ABDFF color
PortuguêsCor #6ABDFF
EspañolColor #6ABDFF
한국어#6ABDFF 색상
日本語#6ABDFF の色
中文#6ABDFF 颜色
DeutschFarbe #6ABDFF
FrançaisCouleur #6ABDFF
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #6ABDFF color.
Related shades
See Blues