Color conversion
Color conversion for #54A8EA
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 84 | 168 | 234 | |
|---|---|---|---|---|
| HSL | 206.4° | 78.12% | 62.35% | |
| HSV | 206.4° | 64.1% | 91.76% | |
| CMYK | 64.1% | 28.21% | 0% | 8.24% |
| XYZ | 32.5045 | 35.8273 | 83.0283 | |
| Yxy | 35.8273 | 0.2147 | 0.2367 | |
| Hunter Lab | 59.8559 | -7.8149 | -40.312 | |
| CIE-Lab | 66.3878 | -5.4658 | -40.6718 | |
| CIE-LCH | 66.3878 | 41.0374 | 262.346 | |
| CIE-LUV | 66.3878 | -33.7341 | -64.408 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010100 | 10101000 | 11101010 |
| Octal | 124 | 250 | 352 |
| Decimal | 84 | 168 | 234 |
| Hex | 54 | A8 | EA |
RGB percentages
CMYK percentages
Shades #54A8EA
Tints #54A8EA
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#54A8EA color on black
#54A8EA color sample text
#54A8EA color on white
#54A8EA color sample text
#54A8EA CSS codes
.background { background-color: #54A8EA; }
.text { color: #54A8EA; }
.border { border: 3px solid #54A8EA; }
.shadow { box-shadow: 0 8px 28px rgba(84, 168, 234, 0.35); }CSS preview
Accessibility
Contrast on white2.57:1Poor
Contrast on black8.17:1AAA
Web safe#6699FFNear
Luminance0.35830-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#54A8EA color
PortuguêsCor #54A8EA
EspañolColor #54A8EA
한국어#54A8EA 색상
日本語#54A8EA の色
中文#54A8EA 颜色
DeutschFarbe #54A8EA
FrançaisCouleur #54A8EA
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #54A8EA color.
Related shades
See Blues