Color conversion
Color conversion for #ECBA48
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 236 | 186 | 72 | |
|---|---|---|---|---|
| HSL | 41.71° | 81.19% | 60.39% | |
| HSV | 41.71° | 69.49% | 92.55% | |
| CMYK | 0% | 21.19% | 69.49% | 7.45% |
| XYZ | 53.3238 | 53.4222 | 13.6326 | |
| Yxy | 53.4222 | 0.443 | 0.4438 | |
| Hunter Lab | 73.0905 | 2.3168 | 40.1091 | |
| CIE-Lab | 78.1236 | 6.6748 | 62.2277 | |
| CIE-LCH | 78.1236 | 62.5847 | 83.8776 | |
| CIE-LUV | 78.1236 | 40.9607 | 69.6072 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11101100 | 10111010 | 01001000 |
| Octal | 354 | 272 | 110 |
| Decimal | 236 | 186 | 72 |
| Hex | EC | BA | 48 |
RGB percentages
CMYK percentages
Shades #ECBA48
Tints #ECBA48
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#ECBA48 color on black
#ECBA48 color sample text
#ECBA48 color on white
#ECBA48 color sample text
#ECBA48 CSS codes
.background { background-color: #ECBA48; }
.text { color: #ECBA48; }
.border { border: 3px solid #ECBA48; }
.shadow { box-shadow: 0 8px 28px rgba(236, 186, 72, 0.35); }
CSS preview
Accessibility
Contrast on white1.8:1Poor
Contrast on black11.68:1AAA
Web safe#FFCC33Near
Luminance0.53420-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#ECBA48 color
PortuguêsCor #ECBA48
EspañolColor #ECBA48
한국어#ECBA48 색상
日本語#ECBA48 の色
中文#ECBA48 颜色
DeutschFarbe #ECBA48
FrançaisCouleur #ECBA48
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #ECBA48 color.
Related shades
See Oranges