Color conversion
Color conversion for #684A22
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 104 | 74 | 34 | |
|---|---|---|---|---|
| HSL | 34.29° | 50.72% | 27.06% | |
| HSV | 34.29° | 67.31% | 40.78% | |
| CMYK | 0% | 28.85% | 67.31% | 59.22% |
| XYZ | 8.4469 | 7.9567 | 2.604 | |
| Yxy | 7.9567 | 0.4444 | 0.4186 | |
| Hunter Lab | 28.2076 | 4.0889 | 14.2741 | |
| CIE-Lab | 33.8925 | 8.0751 | 28.3994 | |
| CIE-LCH | 33.8925 | 29.5251 | 74.1274 | |
| CIE-LUV | 33.8925 | 22.6091 | 26.3157 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01101000 | 01001010 | 00100010 |
| Octal | 150 | 112 | 42 |
| Decimal | 104 | 74 | 34 |
| Hex | 68 | 4A | 22 |
RGB percentages
CMYK percentages
Shades #684A22
Tints #684A22
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#684A22 color on black
#684A22 color sample text
#684A22 color on white
#684A22 color sample text
#684A22 CSS codes
.background { background-color: #684A22; }
.text { color: #684A22; }
.border { border: 3px solid #684A22; }
.shadow { box-shadow: 0 8px 28px rgba(104, 74, 34, 0.35); }CSS preview
Accessibility
Contrast on white8.1:1AAA
Contrast on black2.59:1Poor
Web safe#663333Near
Luminance0.07960-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#684A22 color
PortuguêsCor #684A22
EspañolColor #684A22
한국어#684A22 색상
日本語#684A22 の色
中文#684A22 颜色
DeutschFarbe #684A22
FrançaisCouleur #684A22
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #684A22 color.
Related shades
See Oranges