Color conversion
Color conversion for #4DBAFF
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 77 | 186 | 255 | |
|---|---|---|---|---|
| HSL | 203.26° | 100% | 65.1% | |
| HSV | 203.26° | 69.8% | 100% | |
| CMYK | 69.8% | 27.06% | 0% | 0% |
| XYZ | 38.6625 | 43.9113 | 101.0265 | |
| Yxy | 43.9113 | 0.2106 | 0.2392 | |
| Hunter Lab | 66.2656 | -11.8203 | -43.9704 | |
| CIE-Lab | 72.1692 | -9.5688 | -43.0533 | |
| CIE-LCH | 72.1692 | 44.1038 | 257.4694 | |
| CIE-LUV | 72.1692 | -40.5803 | -68.7673 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01001101 | 10111010 | 11111111 |
| Octal | 115 | 272 | 377 |
| Decimal | 77 | 186 | 255 |
| Hex | 4D | BA | FF |
RGB percentages
CMYK percentages
Shades #4DBAFF
Tints #4DBAFF
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#4DBAFF color on black
#4DBAFF color sample text
#4DBAFF color on white
#4DBAFF color sample text
#4DBAFF CSS codes
.background { background-color: #4DBAFF; }
.text { color: #4DBAFF; }
.border { border: 3px solid #4DBAFF; }
.shadow { box-shadow: 0 8px 28px rgba(77, 186, 255, 0.35); }CSS preview
Accessibility
Contrast on white2.15:1Poor
Contrast on black9.78:1AAA
Web safe#66CCFFNear
Luminance0.43920-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#4DBAFF color
PortuguêsCor #4DBAFF
EspañolColor #4DBAFF
한국어#4DBAFF 색상
日本語#4DBAFF の色
中文#4DBAFF 颜色
DeutschFarbe #4DBAFF
FrançaisCouleur #4DBAFF
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #4DBAFF color.
Related shades
See Blues