Color conversion
Color conversion for #284DBE
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 40 | 77 | 190 | |
|---|---|---|---|---|
| HSL | 225.2° | 65.22% | 45.1% | |
| HSV | 225.2° | 78.95% | 74.51% | |
| CMYK | 78.95% | 59.47% | 0% | 25.49% |
| XYZ | 12.8199 | 9.4751 | 49.8584 | |
| Yxy | 9.4751 | 0.1777 | 0.1313 | |
| Hunter Lab | 30.7817 | 20.473 | -74.4499 | |
| CIE-Lab | 36.8834 | 28.4745 | -62.9762 | |
| CIE-LCH | 36.8834 | 69.1144 | 294.33 | |
| CIE-LUV | 36.8834 | -14.1188 | -90.2887 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00101000 | 01001101 | 10111110 |
| Octal | 50 | 115 | 276 |
| Decimal | 40 | 77 | 190 |
| Hex | 28 | 4D | BE |
RGB percentages
CMYK percentages
Shades #284DBE
Tints #284DBE
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#284DBE color on black
#284DBE color sample text
#284DBE color on white
#284DBE color sample text
#284DBE CSS codes
.background { background-color: #284DBE; }
.text { color: #284DBE; }
.border { border: 3px solid #284DBE; }
.shadow { box-shadow: 0 8px 28px rgba(40, 77, 190, 0.35); }
CSS preview
Accessibility
Contrast on white7.25:1AAA
Contrast on black2.9:1Poor
Web safe#3366CCNear
Luminance0.09480-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#284DBE color
PortuguêsCor #284DBE
EspañolColor #284DBE
한국어#284DBE 색상
日本語#284DBE の色
中文#284DBE 颜色
DeutschFarbe #284DBE
FrançaisCouleur #284DBE
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #284DBE color.
Related shades
See Blues