#f400a2 ≈ Persian Rose
#f400a2 is a color from the rose family, with medium lightness and vivid saturation. In the RGB model it is made of 95.69% red, 0% green and 63.53% blue; printed in CMYK it uses 0% cyan, 100% magenta, 33.61% yellow and 4.31% black. Its hue angle is 320.16°, with 100% saturation and 47.84% lightness in HSL. It sits between warm and cool, and is 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 5.37:1 (WCAG AA). The closest named color is Persian Rose (#fe28a2), ΔE 3.69.
Description generated from the measured properties of this color.
| HEX | |
|---|---|
| RGB | |
| RGB percent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web safe | #ff0099 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binary | |
| Decimal | |
| Relative luminance | 0.2184 |
Shades
#f400a2 mixed progressively with black.
Tints
#f400a2 mixed progressively with white.
Tones
#f400a2 mixed progressively with gray.
Text in this color
Background in this color
Border in this color
.text-f400a2 {
color: #f400a2;
}
.bg-f400a2 {
background-color: #f400a2;
color: #000000;
}
.border-f400a2 {
border: 2px solid #f400a2;
}
:root {
--color-primary: #f400a2;
--color-primary-rgb: 244 0 162;
--color-primary-hsl: 320 100% 48%;
}
.gradient-f400a2 {
background: linear-gradient(135deg, #f400a2, #f40028);
}
.shadow-f400a2 {
box-shadow: 0 8px 24px rgb(244 0 162 / 0.35);
}
Persian Rose
#f400a2 rgb(244, 0, 162) hsl(320, 100%, 48%) Persian Rose
#00f452 rgb(0, 244, 82) hsl(140, 100%, 48%) Spring Green
#a2f400 rgb(162, 244, 0) hsl(80, 100%, 48%) Spring Bud
#00a2f4 rgb(0, 162, 244) hsl(200, 100%, 48%) Carolina Blue