Color conversion
Color conversion for #684F0A
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 104 | 79 | 10 | |
|---|---|---|---|---|
| HSL | 44.04° | 82.46% | 22.35% | |
| HSV | 44.04° | 90.38% | 40.78% | |
| CMYK | 0% | 24.04% | 90.38% | 59.22% |
| XYZ | 8.5603 | 8.5576 | 1.488 | |
| Yxy | 8.5576 | 0.4601 | 0.4599 | |
| Hunter Lab | 29.2534 | 1.0399 | 17.4627 | |
| CIE-Lab | 35.1182 | 3.7863 | 40.3183 | |
| CIE-LCH | 35.1182 | 40.4957 | 84.6351 | |
| CIE-LUV | 35.1182 | 20.2422 | 34.8763 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01101000 | 01001111 | 00001010 |
| Octal | 150 | 117 | 12 |
| Decimal | 104 | 79 | 10 |
| Hex | 68 | 4F | 0A |
RGB percentages
CMYK percentages
Shades #684F0A
Tints #684F0A
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#684F0A color on black
#684F0A color sample text
#684F0A color on white
#684F0A color sample text
#684F0A CSS codes
.background { background-color: #684F0A; }
.text { color: #684F0A; }
.border { border: 3px solid #684F0A; }
.shadow { box-shadow: 0 8px 28px rgba(104, 79, 10, 0.35); }
CSS preview
Accessibility
Contrast on white7.74:1AAA
Contrast on black2.71:1Poor
Web safe#666600Near
Luminance0.08560-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#684F0A color
PortuguêsCor #684F0A
EspañolColor #684F0A
한국어#684F0A 색상
日本語#684F0A の色
中文#684F0A 颜色
DeutschFarbe #684F0A
FrançaisCouleur #684F0A
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #684F0A color.
Related shades
See Oranges