Color conversion
Color conversion for #46B4FC
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 70 | 180 | 252 | |
|---|---|---|---|---|
| HSL | 203.74° | 96.81% | 63.14% | |
| HSV | 203.74° | 72.22% | 98.82% | |
| CMYK | 72.22% | 28.57% | 0% | 1.18% |
| XYZ | 36.4109 | 40.9687 | 98.0654 | |
| Yxy | 40.9687 | 0.2075 | 0.2335 | |
| Hunter Lab | 64.0068 | -10.4712 | -45.9984 | |
| CIE-Lab | 70.154 | -8.2188 | -44.6029 | |
| CIE-LCH | 70.154 | 45.3538 | 259.5594 | |
| CIE-LUV | 70.154 | -39.8928 | -71.3322 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01000110 | 10110100 | 11111100 |
| Octal | 106 | 264 | 374 |
| Decimal | 70 | 180 | 252 |
| Hex | 46 | B4 | FC |
RGB percentages
CMYK percentages
Shades #46B4FC
Tints #46B4FC
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#46B4FC color on black
#46B4FC color sample text
#46B4FC color on white
#46B4FC color sample text
#46B4FC CSS codes
.background { background-color: #46B4FC; }
.text { color: #46B4FC; }
.border { border: 3px solid #46B4FC; }
.shadow { box-shadow: 0 8px 28px rgba(70, 180, 252, 0.35); }
CSS preview
Accessibility
Contrast on white2.28:1Poor
Contrast on black9.19:1AAA
Web safe#33CCFFNear
Luminance0.40970-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#46B4FC color
PortuguêsCor #46B4FC
EspañolColor #46B4FC
한국어#46B4FC 색상
日本語#46B4FC の色
中文#46B4FC 颜色
DeutschFarbe #46B4FC
FrançaisCouleur #46B4FC
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #46B4FC color.
Related shades
See Blues