#fa4591 ≈ French Rose
#fa4591 is a color from the rose family, with high lightness and strong saturation. In the RGB model it is made of 98.04% red, 27.06% green and 56.86% blue; printed in CMYK it uses 0% cyan, 72.4% magenta, 42% yellow and 1.96% black. Its hue angle is 334.81°, with 94.76% saturation and 62.55% lightness in HSL. It is a warm color, often associated with romance, playfulness and affection. Designers typically use it for food and restaurant brands, sales and promotions and call-to-action buttons. Black text on this color reaches a contrast ratio of 6.32:1 (WCAG AA). The closest named color is French Rose (#f64a8a), ΔE 1.75.
Description generated from the measured properties of this color.
| HEX | |
|---|---|
| RGB | |
| RGB percent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web safe | #ff3399 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binary | |
| Decimal | |
| Relative luminance | 0.2662 |
Shades
#fa4591 mixed progressively with black.
Tints
#fa4591 mixed progressively with white.
Tones
#fa4591 mixed progressively with gray.
Text in this color
Background in this color
Border in this color
.text-fa4591 {
color: #fa4591;
}
.bg-fa4591 {
background-color: #fa4591;
color: #000000;
}
.border-fa4591 {
border: 2px solid #fa4591;
}
:root {
--color-primary: #fa4591;
--color-primary-rgb: 250 69 145;
--color-primary-hsl: 335 95% 63%;
}
.gradient-fa4591 {
background: linear-gradient(135deg, #fa4591, #fa5445);
}
.shadow-fa4591 {
box-shadow: 0 8px 24px rgb(250 69 145 / 0.35);
}
French Rose
#fa4591 rgb(250, 69, 145) hsl(335, 95%, 63%) French Rose
#45faae rgb(69, 250, 174) hsl(155, 95%, 63%) Medium Spring Green
#91fa45 rgb(145, 250, 69) hsl(95, 95%, 63%) Lawn Green
#4591fa rgb(69, 145, 250) hsl(215, 95%, 63%) United Nations Blue