Color conversion
Color conversion for #7BBAE2
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 123 | 186 | 226 | |
|---|---|---|---|---|
| HSL | 203.3° | 63.98% | 68.43% | |
| HSV | 203.3° | 45.58% | 88.63% | |
| CMYK | 45.58% | 17.7% | 0% | 11.37% |
| XYZ | 39.4499 | 44.8169 | 78.5085 | |
| Yxy | 44.8169 | 0.2424 | 0.2753 | |
| Hunter Lab | 66.9454 | -11.9681 | -22.6418 | |
| CIE-Lab | 72.7712 | -9.6655 | -26.2883 | |
| CIE-LCH | 72.7712 | 28.0089 | 249.8129 | |
| CIE-LUV | 72.7712 | -29.5624 | -40.2184 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01111011 | 10111010 | 11100010 |
| Octal | 173 | 272 | 342 |
| Decimal | 123 | 186 | 226 |
| Hex | 7B | BA | E2 |
RGB percentages
CMYK percentages
Shades #7BBAE2
Tints #7BBAE2
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#7BBAE2 color on black
#7BBAE2 color sample text
#7BBAE2 color on white
#7BBAE2 color sample text
#7BBAE2 CSS codes
.background { background-color: #7BBAE2; }
.text { color: #7BBAE2; }
.border { border: 3px solid #7BBAE2; }
.shadow { box-shadow: 0 8px 28px rgba(123, 186, 226, 0.35); }CSS preview
Accessibility
Contrast on white2.11:1Poor
Contrast on black9.96:1AAA
Web safe#66CCCCNear
Luminance0.44820-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#7BBAE2 color
PortuguêsCor #7BBAE2
EspañolColor #7BBAE2
한국어#7BBAE2 색상
日本語#7BBAE2 の色
中文#7BBAE2 颜色
DeutschFarbe #7BBAE2
FrançaisCouleur #7BBAE2
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #7BBAE2 color.
Related shades
See Blues