Color conversion
Color conversion for #ECC63F
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 236 | 198 | 63 | |
|---|---|---|---|---|
| HSL | 46.82° | 81.99% | 58.63% | |
| HSV | 46.82° | 73.31% | 92.55% | |
| CMYK | 0% | 16.1% | 73.31% | 7.45% |
| XYZ | 55.6864 | 58.5832 | 13.0763 | |
| Yxy | 58.5832 | 0.4373 | 0.46 | |
| Hunter Lab | 76.5397 | -4.0778 | 43.4524 | |
| CIE-Lab | 81.062 | 0.0121 | 68.6737 | |
| CIE-LCH | 81.062 | 68.6737 | 89.9899 | |
| CIE-LUV | 81.062 | 32.5951 | 77.1113 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11101100 | 11000110 | 00111111 |
| Octal | 354 | 306 | 77 |
| Decimal | 236 | 198 | 63 |
| Hex | EC | C6 | 3F |
RGB percentages
CMYK percentages
Shades #ECC63F
Tints #ECC63F
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#ECC63F color on black
#ECC63F color sample text
#ECC63F color on white
#ECC63F color sample text
#ECC63F CSS codes
.background { background-color: #ECC63F; }
.text { color: #ECC63F; }
.border { border: 3px solid #ECC63F; }
.shadow { box-shadow: 0 8px 28px rgba(236, 198, 63, 0.35); }
CSS preview
Accessibility
Contrast on white1.65:1Poor
Contrast on black12.72:1AAA
Web safe#FFCC33Near
Luminance0.58580-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#ECC63F color
PortuguêsCor #ECC63F
EspañolColor #ECC63F
한국어#ECC63F 색상
日本語#ECC63F の色
中文#ECC63F 颜色
DeutschFarbe #ECC63F
FrançaisCouleur #ECC63F
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #ECC63F color.
Related shades
See Yellows