Color conversion
Color conversion for #6CBAFF
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 108 | 186 | 255 | |
|---|---|---|---|---|
| HSL | 208.16° | 100% | 71.18% | |
| HSV | 208.16° | 57.65% | 100% | |
| CMYK | 57.65% | 27.06% | 0% | 0% |
| XYZ | 41.7867 | 45.5222 | 101.1729 | |
| Yxy | 45.5222 | 0.2217 | 0.2415 | |
| Hunter Lab | 67.4701 | -7.5221 | -41.6427 | |
| CIE-Lab | 73.2344 | -4.4389 | -41.3108 | |
| CIE-LCH | 73.2344 | 41.5486 | 263.867 | |
| CIE-LUV | 73.2344 | -33.5764 | -66.4998 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01101100 | 10111010 | 11111111 |
| Octal | 154 | 272 | 377 |
| Decimal | 108 | 186 | 255 |
| Hex | 6C | BA | FF |
RGB percentages
CMYK percentages
Shades #6CBAFF
Tints #6CBAFF
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#6CBAFF color on black
#6CBAFF color sample text
#6CBAFF color on white
#6CBAFF color sample text
#6CBAFF CSS codes
.background { background-color: #6CBAFF; }
.text { color: #6CBAFF; }
.border { border: 3px solid #6CBAFF; }
.shadow { box-shadow: 0 8px 28px rgba(108, 186, 255, 0.35); }CSS preview
Accessibility
Contrast on white2.08:1Poor
Contrast on black10.11:1AAA
Web safe#66CCFFNear
Luminance0.45530-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#6CBAFF color
PortuguêsCor #6CBAFF
EspañolColor #6CBAFF
한국어#6CBAFF 색상
日本語#6CBAFF の色
中文#6CBAFF 颜色
DeutschFarbe #6CBAFF
FrançaisCouleur #6CBAFF
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #6CBAFF color.
Related shades
See Blues