Color conversion
Color conversion for #F64F35
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 246 | 79 | 53 | |
|---|---|---|---|---|
| HSL | 8.08° | 91.47% | 58.63% | |
| HSV | 8.08° | 78.46% | 96.47% | |
| CMYK | 0% | 67.89% | 78.46% | 3.53% |
| XYZ | 41.4494 | 25.4481 | 6.0969 | |
| Yxy | 25.4481 | 0.5678 | 0.3486 | |
| Hunter Lab | 50.4461 | 58.3839 | 28.1493 | |
| CIE-Lab | 57.5094 | 62.3155 | 50.2255 | |
| CIE-LCH | 57.5094 | 80.0364 | 38.8684 | |
| CIE-LUV | 57.5094 | 132.8715 | 37.7322 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11110110 | 01001111 | 00110101 |
| Octal | 366 | 117 | 65 |
| Decimal | 246 | 79 | 53 |
| Hex | F6 | 4F | 35 |
RGB percentages
CMYK percentages
Shades #F64F35
Tints #F64F35
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#F64F35 color on black
#F64F35 color sample text
#F64F35 color on white
#F64F35 color sample text
#F64F35 CSS codes
.background { background-color: #F64F35; }
.text { color: #F64F35; }
.border { border: 3px solid #F64F35; }
.shadow { box-shadow: 0 8px 28px rgba(246, 79, 53, 0.35); }
CSS preview
Accessibility
Contrast on white3.45:1Large text
Contrast on black6.09:1AA
Web safe#FF6633Near
Luminance0.25440-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#F64F35 color
PortuguêsCor #F64F35
EspañolColor #F64F35
한국어#F64F35 색상
日本語#F64F35 の色
中文#F64F35 颜色
DeutschFarbe #F64F35
FrançaisCouleur #F64F35
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #F64F35 color.
Related shades
See Reds