Color conversion
Color conversion for #69B2EC
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 105 | 178 | 236 | |
|---|---|---|---|---|
| HSL | 206.56° | 77.51% | 66.86% | |
| HSV | 206.56° | 55.51% | 92.55% | |
| CMYK | 55.51% | 24.58% | 0% | 7.45% |
| XYZ | 36.8809 | 40.897 | 85.291 | |
| Yxy | 40.897 | 0.2262 | 0.2508 | |
| Hunter Lab | 63.9508 | -8.9723 | -34.2785 | |
| CIE-Lab | 70.1037 | -6.4462 | -35.91 | |
| CIE-LCH | 70.1037 | 36.484 | 259.8232 | |
| CIE-LUV | 70.1037 | -31.9407 | -56.657 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01101001 | 10110010 | 11101100 |
| Octal | 151 | 262 | 354 |
| Decimal | 105 | 178 | 236 |
| Hex | 69 | B2 | EC |
RGB percentages
CMYK percentages
Shades #69B2EC
Tints #69B2EC
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#69B2EC color on black
#69B2EC color sample text
#69B2EC color on white
#69B2EC color sample text
#69B2EC CSS codes
.background { background-color: #69B2EC; }
.text { color: #69B2EC; }
.border { border: 3px solid #69B2EC; }
.shadow { box-shadow: 0 8px 28px rgba(105, 178, 236, 0.35); }
CSS preview
Accessibility
Contrast on white2.29:1Poor
Contrast on black9.18:1AAA
Web safe#6699FFNear
Luminance0.4090-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#69B2EC color
PortuguêsCor #69B2EC
EspañolColor #69B2EC
한국어#69B2EC 색상
日本語#69B2EC の色
中文#69B2EC 颜色
DeutschFarbe #69B2EC
FrançaisCouleur #69B2EC
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #69B2EC color.
Related shades
See Blues