Color conversion
Color conversion for #FECC2A
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 254 | 204 | 42 | |
|---|---|---|---|---|
| HSL | 45.85° | 99.07% | 58.04% | |
| HSV | 45.85° | 83.46% | 99.61% | |
| CMYK | 0% | 19.69% | 83.46% | 0.39% |
| XYZ | 62.8878 | 64.428 | 11.3136 | |
| Yxy | 64.428 | 0.4536 | 0.4647 | |
| Hunter Lab | 80.2671 | -0.6169 | 47.8333 | |
| CIE-Lab | 84.1881 | 3.8464 | 78.7131 | |
| CIE-LCH | 84.1881 | 78.807 | 87.2024 | |
| CIE-LUV | 84.1881 | 42.4071 | 84.2969 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11111110 | 11001100 | 00101010 |
| Octal | 376 | 314 | 52 |
| Decimal | 254 | 204 | 42 |
| Hex | FE | CC | 2A |
RGB percentages
CMYK percentages
Shades #FECC2A
Tints #FECC2A
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#FECC2A color on black
#FECC2A color sample text
#FECC2A color on white
#FECC2A color sample text
#FECC2A CSS codes
.background { background-color: #FECC2A; }
.text { color: #FECC2A; }
.border { border: 3px solid #FECC2A; }
.shadow { box-shadow: 0 8px 28px rgba(254, 204, 42, 0.35); }CSS preview
Accessibility
Contrast on white1.51:1Poor
Contrast on black13.88:1AAA
Web safe#FFCC33Near
Luminance0.64420-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#FECC2A color
PortuguêsCor #FECC2A
EspañolColor #FECC2A
한국어#FECC2A 색상
日本語#FECC2A の色
中文#FECC2A 颜色
DeutschFarbe #FECC2A
FrançaisCouleur #FECC2A
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #FECC2A color.
Related shades
See Yellows