Color conversion
Color conversion for #284D5F
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 40 | 77 | 95 | |
|---|---|---|---|---|
| HSL | 199.64° | 40.74% | 26.47% | |
| HSV | 199.64° | 57.89% | 37.25% | |
| CMYK | 57.89% | 18.95% | 0% | 62.75% |
| XYZ | 5.5937 | 6.5846 | 11.8004 | |
| Yxy | 6.5846 | 0.2333 | 0.2746 | |
| Hunter Lab | 25.6605 | -5.9951 | -9.2925 | |
| CIE-Lab | 30.8419 | -7.4179 | -14.5928 | |
| CIE-LCH | 30.8419 | 16.3699 | 243.0546 | |
| CIE-LUV | 30.8419 | -15.1356 | -17.7721 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00101000 | 01001101 | 01011111 |
| Octal | 50 | 115 | 137 |
| Decimal | 40 | 77 | 95 |
| Hex | 28 | 4D | 5F |
RGB percentages
CMYK percentages
Shades #284D5F
Tints #284D5F
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#284D5F color on black
#284D5F color sample text
#284D5F color on white
#284D5F color sample text
#284D5F CSS codes
.background { background-color: #284D5F; }
.text { color: #284D5F; }
.border { border: 3px solid #284D5F; }
.shadow { box-shadow: 0 8px 28px rgba(40, 77, 95, 0.35); }
CSS preview
Accessibility
Contrast on white9.06:1AAA
Contrast on black2.32:1Poor
Web safe#336666Near
Luminance0.06590-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#284D5F color
PortuguêsCor #284D5F
EspañolColor #284D5F
한국어#284D5F 색상
日本語#284D5F の色
中文#284D5F 颜色
DeutschFarbe #284D5F
FrançaisCouleur #284D5F
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #284D5F color.
Related shades
See Blues