Color conversion
Color conversion for #54ABFC
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 84 | 171 | 252 | |
|---|---|---|---|---|
| HSL | 208.93° | 96.55% | 65.88% | |
| HSV | 208.93° | 66.67% | 98.82% | |
| CMYK | 66.67% | 32.14% | 0% | 1.18% |
| XYZ | 35.7832 | 38.0352 | 97.5323 | |
| Yxy | 38.0352 | 0.2088 | 0.222 | |
| Hunter Lab | 61.6727 | -4.3603 | -50.5566 | |
| CIE-Lab | 68.0465 | -1.2338 | -47.8858 | |
| CIE-LCH | 68.0465 | 47.9017 | 268.5241 | |
| CIE-LUV | 68.0465 | -34.1548 | -77.4227 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010100 | 10101011 | 11111100 |
| Octal | 124 | 253 | 374 |
| Decimal | 84 | 171 | 252 |
| Hex | 54 | AB | FC |
RGB percentages
CMYK percentages
Shades #54ABFC
Tints #54ABFC
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#54ABFC color on black
#54ABFC color sample text
#54ABFC color on white
#54ABFC color sample text
#54ABFC CSS codes
.background { background-color: #54ABFC; }
.text { color: #54ABFC; }
.border { border: 3px solid #54ABFC; }
.shadow { box-shadow: 0 8px 28px rgba(84, 171, 252, 0.35); }
CSS preview
Accessibility
Contrast on white2.44:1Poor
Contrast on black8.61:1AAA
Web safe#6699FFNear
Luminance0.38040-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#54ABFC color
PortuguêsCor #54ABFC
EspañolColor #54ABFC
한국어#54ABFC 색상
日本語#54ABFC の色
中文#54ABFC 颜色
DeutschFarbe #54ABFC
FrançaisCouleur #54ABFC
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #54ABFC color.
Related shades
See Blues