Color conversion
Color conversion for #BA682A
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 186 | 104 | 42 | |
|---|---|---|---|---|
| HSL | 25.83° | 63.16% | 44.71% | |
| HSV | 25.83° | 77.42% | 72.94% | |
| CMYK | 0% | 44.09% | 77.42% | 27.06% |
| XYZ | 25.6202 | 20.5098 | 4.7996 | |
| Yxy | 20.5098 | 0.5031 | 0.4027 | |
| Hunter Lab | 45.2877 | 21.7267 | 25.4203 | |
| CIE-Lab | 52.4088 | 28.1214 | 47.2962 | |
| CIE-LCH | 52.4088 | 55.0249 | 59.2651 | |
| CIE-LUV | 52.4088 | 66.0385 | 42.6497 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10111010 | 01101000 | 00101010 |
| Octal | 272 | 150 | 52 |
| Decimal | 186 | 104 | 42 |
| Hex | BA | 68 | 2A |
RGB percentages
CMYK percentages
Shades #BA682A
Tints #BA682A
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#BA682A color on black
#BA682A color sample text
#BA682A color on white
#BA682A color sample text
#BA682A CSS codes
.background { background-color: #BA682A; }
.text { color: #BA682A; }
.border { border: 3px solid #BA682A; }
.shadow { box-shadow: 0 8px 28px rgba(186, 104, 42, 0.35); }
CSS preview
Accessibility
Contrast on white4.12:1Large text
Contrast on black5.1:1AA
Web safe#CC6633Near
Luminance0.20510-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#BA682A color
PortuguêsCor #BA682A
EspañolColor #BA682A
한국어#BA682A 색상
日本語#BA682A の色
中文#BA682A 颜色
DeutschFarbe #BA682A
FrançaisCouleur #BA682A
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #BA682A color.
Related shades
See Oranges