Color conversion
Color conversion for #488CCC
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 72 | 140 | 204 | |
|---|---|---|---|---|
| HSL | 209.09° | 56.41% | 54.12% | |
| HSV | 209.09° | 64.71% | 80% | |
| CMYK | 64.71% | 31.37% | 0% | 20% |
| XYZ | 22.9456 | 24.4912 | 60.6331 | |
| Yxy | 24.4912 | 0.2123 | 0.2266 | |
| Hunter Lab | 49.4886 | -3.8434 | -37.9713 | |
| CIE-Lab | 56.5763 | -1.4968 | -39.4117 | |
| CIE-LCH | 56.5763 | 39.4401 | 267.825 | |
| CIE-LUV | 56.5763 | -27.5374 | -61.1404 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01001000 | 10001100 | 11001100 |
| Octal | 110 | 214 | 314 |
| Decimal | 72 | 140 | 204 |
| Hex | 48 | 8C | CC |
RGB percentages
CMYK percentages
Shades #488CCC
Tints #488CCC
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#488CCC color on black
#488CCC color sample text
#488CCC color on white
#488CCC color sample text
#488CCC CSS codes
.background { background-color: #488CCC; }
.text { color: #488CCC; }
.border { border: 3px solid #488CCC; }
.shadow { box-shadow: 0 8px 28px rgba(72, 140, 204, 0.35); }
CSS preview
Accessibility
Contrast on white3.56:1Large text
Contrast on black5.9:1AA
Web safe#3399CCNear
Luminance0.24490-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#488CCC color
PortuguêsCor #488CCC
EspañolColor #488CCC
한국어#488CCC 색상
日本語#488CCC の色
中文#488CCC 颜色
DeutschFarbe #488CCC
FrançaisCouleur #488CCC
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #488CCC color.
Related shades
See Blues