Color conversion
Color conversion for #458FCE
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 69 | 143 | 206 | |
|---|---|---|---|---|
| HSL | 207.59° | 58.3% | 53.92% | |
| HSV | 207.59° | 66.5% | 80.78% | |
| CMYK | 66.5% | 30.58% | 0% | 19.22% |
| XYZ | 23.4131 | 25.3639 | 62.0424 | |
| Yxy | 25.3639 | 0.2113 | 0.2289 | |
| Hunter Lab | 50.3626 | -5.1522 | -37.7578 | |
| CIE-Lab | 57.4283 | -3.0691 | -39.2078 | |
| CIE-LCH | 57.4283 | 39.3277 | 265.5241 | |
| CIE-LUV | 57.4283 | -29.1957 | -60.7919 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01000101 | 10001111 | 11001110 |
| Octal | 105 | 217 | 316 |
| Decimal | 69 | 143 | 206 |
| Hex | 45 | 8F | CE |
RGB percentages
CMYK percentages
Shades #458FCE
Tints #458FCE
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#458FCE color on black
#458FCE color sample text
#458FCE color on white
#458FCE color sample text
#458FCE CSS codes
.background { background-color: #458FCE; }
.text { color: #458FCE; }
.border { border: 3px solid #458FCE; }
.shadow { box-shadow: 0 8px 28px rgba(69, 143, 206, 0.35); }
CSS preview
Accessibility
Contrast on white3.46:1Large text
Contrast on black6.07:1AA
Web safe#3399CCNear
Luminance0.25370-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#458FCE color
PortuguêsCor #458FCE
EspañolColor #458FCE
한국어#458FCE 색상
日本語#458FCE の色
中文#458FCE 颜色
DeutschFarbe #458FCE
FrançaisCouleur #458FCE
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #458FCE color.
Related shades
See Blues