Color conversion
Color conversion for #ECC456
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 236 | 196 | 86 | |
|---|---|---|---|---|
| HSL | 44° | 79.79% | 63.14% | |
| HSV | 44° | 63.56% | 92.55% | |
| CMYK | 0% | 16.95% | 63.56% | 7.45% |
| XYZ | 56.0145 | 57.9879 | 17.0447 | |
| Yxy | 57.9879 | 0.4274 | 0.4425 | |
| Hunter Lab | 76.1498 | -1.9616 | 40.0391 | |
| CIE-Lab | 80.7321 | 2.2541 | 58.9908 | |
| CIE-LCH | 80.7321 | 59.0339 | 87.8117 | |
| CIE-LUV | 80.7321 | 33.0604 | 69.12 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11101100 | 11000100 | 01010110 |
| Octal | 354 | 304 | 126 |
| Decimal | 236 | 196 | 86 |
| Hex | EC | C4 | 56 |
RGB percentages
CMYK percentages
Shades #ECC456
Tints #ECC456
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#ECC456 color on black
#ECC456 color sample text
#ECC456 color on white
#ECC456 color sample text
#ECC456 CSS codes
.background { background-color: #ECC456; }
.text { color: #ECC456; }
.border { border: 3px solid #ECC456; }
.shadow { box-shadow: 0 8px 28px rgba(236, 196, 86, 0.35); }
CSS preview
Accessibility
Contrast on white1.67:1Poor
Contrast on black12.6:1AAA
Web safe#FFCC66Near
Luminance0.57980-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#ECC456 color
PortuguêsCor #ECC456
EspañolColor #ECC456
한국어#ECC456 색상
日本語#ECC456 の色
中文#ECC456 颜色
DeutschFarbe #ECC456
FrançaisCouleur #ECC456
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #ECC456 color.
Related shades
See Oranges