Color conversion
Color conversion for #F35A48
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 243 | 90 | 72 | |
|---|---|---|---|---|
| HSL | 6.32° | 87.69% | 61.76% | |
| HSV | 6.32° | 70.37% | 95.29% | |
| CMYK | 0% | 62.96% | 70.37% | 4.71% |
| XYZ | 41.7924 | 26.8408 | 9.1098 | |
| Yxy | 26.8408 | 0.5376 | 0.3453 | |
| Hunter Lab | 51.8081 | 53.3265 | 25.8444 | |
| CIE-Lab | 58.8267 | 57.6807 | 41.5374 | |
| CIE-LCH | 58.8267 | 71.0804 | 35.7587 | |
| CIE-LUV | 58.8267 | 119.7081 | 33.4557 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11110011 | 01011010 | 01001000 |
| Octal | 363 | 132 | 110 |
| Decimal | 243 | 90 | 72 |
| Hex | F3 | 5A | 48 |
RGB percentages
CMYK percentages
Shades #F35A48
Tints #F35A48
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#F35A48 color on black
#F35A48 color sample text
#F35A48 color on white
#F35A48 color sample text
#F35A48 CSS codes
.background { background-color: #F35A48; }
.text { color: #F35A48; }
.border { border: 3px solid #F35A48; }
.shadow { box-shadow: 0 8px 28px rgba(243, 90, 72, 0.35); }
CSS preview
Accessibility
Contrast on white3.3:1Large text
Contrast on black6.37:1AA
Web safe#FF6633Near
Luminance0.26830-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#F35A48 color
PortuguêsCor #F35A48
EspañolColor #F35A48
한국어#F35A48 색상
日本語#F35A48 の色
中文#F35A48 颜色
DeutschFarbe #F35A48
FrançaisCouleur #F35A48
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #F35A48 color.
Related shades
See Reds