Color conversion
Color conversion for #563D2E
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 86 | 61 | 46 | |
|---|---|---|---|---|
| HSL | 22.5° | 30.3% | 25.88% | |
| HSV | 22.5° | 46.51% | 33.73% | |
| CMYK | 0% | 29.07% | 46.51% | 66.27% |
| XYZ | 5.9999 | 5.5136 | 3.3324 | |
| Yxy | 5.5136 | 0.4041 | 0.3714 | |
| Hunter Lab | 23.4811 | 4.5183 | 8.0257 | |
| CIE-Lab | 28.1506 | 8.7808 | 13.5618 | |
| CIE-LCH | 28.1506 | 16.1563 | 57.0783 | |
| CIE-LUV | 28.1506 | 16.5832 | 12.5955 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010110 | 00111101 | 00101110 |
| Octal | 126 | 75 | 56 |
| Decimal | 86 | 61 | 46 |
| Hex | 56 | 3D | 2E |
RGB percentages
CMYK percentages
Shades #563D2E
Tints #563D2E
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#563D2E color on black
#563D2E color sample text
#563D2E color on white
#563D2E color sample text
#563D2E CSS codes
.background { background-color: #563D2E; }
.text { color: #563D2E; }
.border { border: 3px solid #563D2E; }
.shadow { box-shadow: 0 8px 28px rgba(86, 61, 46, 0.35); }
CSS preview
Accessibility
Contrast on white9.99:1AAA
Contrast on black2.1:1Poor
Web safe#663333Near
Luminance0.05510-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#563D2E color
PortuguêsCor #563D2E
EspañolColor #563D2E
한국어#563D2E 색상
日本語#563D2E の色
中文#563D2E 颜色
DeutschFarbe #563D2E
FrançaisCouleur #563D2E
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #563D2E color.
Related shades
See Oranges