Color conversion
Color conversion for #6BB2CC
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 107 | 178 | 204 | |
|---|---|---|---|---|
| HSL | 196.08° | 48.74% | 60.98% | |
| HSV | 196.08° | 47.55% | 80% | |
| CMYK | 47.55% | 12.75% | 0% | 20% |
| XYZ | 32.8789 | 39.3237 | 62.9727 | |
| Yxy | 39.3237 | 0.2432 | 0.2909 | |
| Hunter Lab | 62.7086 | -16.1511 | -15.6204 | |
| CIE-Lab | 68.9851 | -15.3238 | -20.1069 | |
| CIE-LCH | 68.9851 | 25.2806 | 232.6884 | |
| CIE-LUV | 68.9851 | -32.1106 | -28.9631 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01101011 | 10110010 | 11001100 |
| Octal | 153 | 262 | 314 |
| Decimal | 107 | 178 | 204 |
| Hex | 6B | B2 | CC |
RGB percentages
CMYK percentages
Shades #6BB2CC
Tints #6BB2CC
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#6BB2CC color on black
#6BB2CC color sample text
#6BB2CC color on white
#6BB2CC color sample text
#6BB2CC CSS codes
.background { background-color: #6BB2CC; }
.text { color: #6BB2CC; }
.border { border: 3px solid #6BB2CC; }
.shadow { box-shadow: 0 8px 28px rgba(107, 178, 204, 0.35); }
CSS preview
Accessibility
Contrast on white2.37:1Poor
Contrast on black8.87:1AAA
Web safe#6699CCNear
Luminance0.39330-1
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#6BB2CC color
PortuguêsCor #6BB2CC
EspañolColor #6BB2CC
한국어#6BB2CC 색상
日本語#6BB2CC の色
中文#6BB2CC 颜色
DeutschFarbe #6BB2CC
FrançaisCouleur #6BB2CC
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #6BB2CC color.
Similar colors
See Blues
Moonstone blue
Moonstone blue
Maximum Blue
Maximum Blue
Dark sky blue
Dark sky blue
Light blue
Light blue
Pewter Blue
Pewter Blue
Sky blue
Sky blue
Carolina blue
Carolina blue
Pastel blue
Pastel blue
Air superiority blue
Air superiority blue
Picton blue
Picton blue
Iceberg
Iceberg
Teal blue
Teal blue