Color conversion
Color conversion for #FFD676
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 255 | 214 | 118 | |
|---|---|---|---|---|
| HSL | 42.04° | 100% | 73.14% | |
| HSV | 42.04° | 53.73% | 100% | |
| CMYK | 0% | 16.08% | 53.73% | 0% |
| XYZ | 68.5595 | 70.6648 | 27.1645 | |
| Yxy | 70.6648 | 0.412 | 0.4247 | |
| Hunter Lab | 84.0624 | -1.5294 | 39.6918 | |
| CIE-Lab | 87.3219 | 3.0616 | 52.2359 | |
| CIE-LCH | 87.3219 | 52.3255 | 86.6457 | |
| CIE-LUV | 87.3219 | 32.6916 | 64.9993 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11111111 | 11010110 | 01110110 |
| Octal | 377 | 326 | 166 |
| Decimal | 255 | 214 | 118 |
| Hex | FF | D6 | 76 |
RGB percentages
CMYK percentages
Shades #FFD676
Tints #FFD676
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#FFD676 color on black
#FFD676 color sample text
#FFD676 color on white
#FFD676 color sample text
#FFD676 CSS codes
.background { background-color: #FFD676; }
.text { color: #FFD676; }
.border { border: 3px solid #FFD676; }
.shadow { box-shadow: 0 8px 28px rgba(255, 214, 118, 0.35); }
CSS preview
Accessibility
Contrast on white1.39:1Poor
Contrast on black15.13:1AAA
Web safe#FFCC66Near
Luminance0.70660-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#FFD676 color
PortuguêsCor #FFD676
EspañolColor #FFD676
한국어#FFD676 색상
日本語#FFD676 の色
中文#FFD676 颜色
DeutschFarbe #FFD676
FrançaisCouleur #FFD676
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #FFD676 color.
Related shades
See Oranges