Color conversion
Color conversion for #F2CC84
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 242 | 204 | 132 | |
|---|---|---|---|---|
| HSL | 39.27° | 80.88% | 73.33% | |
| HSV | 39.27° | 45.45% | 94.9% | |
| CMYK | 0% | 15.7% | 45.45% | 5.1% |
| XYZ | 62.3778 | 63.7319 | 30.8412 | |
| Yxy | 63.7319 | 0.3974 | 0.4061 | |
| Hunter Lab | 79.8323 | -0.2347 | 32.9863 | |
| CIE-Lab | 83.826 | 4.2264 | 40.7667 | |
| CIE-LCH | 83.826 | 40.9852 | 84.0811 | |
| CIE-LUV | 83.826 | 29.169 | 52.3069 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11110010 | 11001100 | 10000100 |
| Octal | 362 | 314 | 204 |
| Decimal | 242 | 204 | 132 |
| Hex | F2 | CC | 84 |
RGB percentages
CMYK percentages
Shades #F2CC84
Tints #F2CC84
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#F2CC84 color on black
#F2CC84 color sample text
#F2CC84 color on white
#F2CC84 color sample text
#F2CC84 CSS codes
.background { background-color: #F2CC84; }
.text { color: #F2CC84; }
.border { border: 3px solid #F2CC84; }
.shadow { box-shadow: 0 8px 28px rgba(242, 204, 132, 0.35); }
CSS preview
Accessibility
Contrast on white1.53:1Poor
Contrast on black13.75:1AAA
Web safe#FFCC99Near
Luminance0.63730-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#F2CC84 color
PortuguêsCor #F2CC84
EspañolColor #F2CC84
한국어#F2CC84 색상
日本語#F2CC84 の色
中文#F2CC84 颜色
DeutschFarbe #F2CC84
FrançaisCouleur #F2CC84
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #F2CC84 color.
Related shades
See Oranges