Color conversion
Color conversion for #F86C84
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 248 | 108 | 132 | |
|---|---|---|---|---|
| HSL | 349.71° | 90.91% | 69.8% | |
| HSV | 349.71° | 56.45% | 97.25% | |
| CMYK | 0% | 56.45% | 46.77% | 2.75% |
| XYZ | 48.2423 | 32.3531 | 25.5296 | |
| Yxy | 32.3531 | 0.4546 | 0.3049 | |
| Hunter Lab | 56.8798 | 51.853 | 13.2149 | |
| CIE-Lab | 63.6337 | 55.5926 | 13.9725 | |
| CIE-LCH | 63.6337 | 57.3216 | 14.1083 | |
| CIE-LUV | 63.6337 | 97.9755 | 7.3663 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11111000 | 01101100 | 10000100 |
| Octal | 370 | 154 | 204 |
| Decimal | 248 | 108 | 132 |
| Hex | F8 | 6C | 84 |
RGB percentages
CMYK percentages
Shades #F86C84
Tints #F86C84
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#F86C84 color on black
#F86C84 color sample text
#F86C84 color on white
#F86C84 color sample text
#F86C84 CSS codes
.background { background-color: #F86C84; }
.text { color: #F86C84; }
.border { border: 3px solid #F86C84; }
.shadow { box-shadow: 0 8px 28px rgba(248, 108, 132, 0.35); }
CSS preview
Accessibility
Contrast on white2.81:1Poor
Contrast on black7.47:1AAA
Web safe#FF6699Near
Luminance0.32350-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#F86C84 color
PortuguêsCor #F86C84
EspañolColor #F86C84
한국어#F86C84 색상
日本語#F86C84 の色
中文#F86C84 颜色
DeutschFarbe #F86C84
FrançaisCouleur #F86C84
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #F86C84 color.
Related shades
See Reds