Color conversion
Color conversion for #489EEE
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 72 | 158 | 238 | |
|---|---|---|---|---|
| HSL | 208.92° | 83% | 60.78% | |
| HSV | 208.92° | 69.75% | 93.33% | |
| CMYK | 69.75% | 33.61% | 0% | 6.67% |
| XYZ | 30.3262 | 32.0012 | 85.4509 | |
| Yxy | 32.0012 | 0.2052 | 0.2165 | |
| Hunter Lab | 56.5696 | -3.3061 | -49.9264 | |
| CIE-Lab | 63.3439 | -0.3376 | -47.68 | |
| CIE-LCH | 63.3439 | 47.6812 | 269.5943 | |
| CIE-LUV | 63.3439 | -32.6279 | -76.3232 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01001000 | 10011110 | 11101110 |
| Octal | 110 | 236 | 356 |
| Decimal | 72 | 158 | 238 |
| Hex | 48 | 9E | EE |
RGB percentages
CMYK percentages
Shades #489EEE
Tints #489EEE
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#489EEE color on black
#489EEE color sample text
#489EEE color on white
#489EEE color sample text
#489EEE CSS codes
.background { background-color: #489EEE; }
.text { color: #489EEE; }
.border { border: 3px solid #489EEE; }
.shadow { box-shadow: 0 8px 28px rgba(72, 158, 238, 0.35); }CSS preview
Accessibility
Contrast on white2.84:1Poor
Contrast on black7.4:1AAA
Web safe#3399FFNear
Luminance0.320-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#489EEE color
PortuguêsCor #489EEE
EspañolColor #489EEE
한국어#489EEE 색상
日本語#489EEE の色
中文#489EEE 颜色
DeutschFarbe #489EEE
FrançaisCouleur #489EEE
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #489EEE color.
Related shades
See Blues