Couleur nommée · #FF91AF
Schauss Pink
Schauss Pink correspond à #FF91AF : rgb(255 145 175), hsl(344 100% 78%), oklch(0.781 0.136 3.2). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Schauss Pink color name →
#FF91AF
oklch(0.781 0.136 3.2)
Conversions de couleur
- HEX
- #ff91af
- RGB
- rgb(255 145 175)
- HSL
- hsl(344 100% 78%)
- HWB
- hwb(344 57% 0%)
- OKLCH
- oklch(0.781 0.136 3.2)
- OKLab
- oklab(0.781 0.136 0.008)
- CIE Lab
- lab(72.99 44.81 3.51)
- LCH
- lch(72.99 44.95 4.5)
- CMYK
- cmyk(0% 43% 31% 0%)
Teintes · Ombres · Tons
Teintes
- FF9DB7
- FFA8BF
- FFB3C6
- FFBECE
- FFC9D6
- FFD4DE
- FFDFE6
- FFE9EF
- FFF4F7
Ombres
- DE7D98
- BE6A81
- 9E586B
- 804656
- 633541
- 48252E
- 2E151C
- 16070B
- 030101
Tons
- F290AA
- E68FA5
- D98DA1
- CD8C9C
- C08A97
- B48892
- A7878E
- 9A8489
- 8D8285
Harmonies de couleurs
Complémentaire +180°
- FF91AF
Schauss Pink
- 1AD4C0
≈ Turquoise Panic
Analogue -30° +30°
- FF91AF
Schauss Pink
- EB96DD
≈ Love Dust
- FF9881
≈ Vivid Tangerine
Triadique +120° +240°
- FF91AF
Schauss Pink
- A7C65E
≈ Green Glow
- 6EC0FF
≈ Maya Blue
Complémentaire divisée +150° +210°
- FF91AF
Schauss Pink
- 6BD18E
≈ Jube Green
- 0BCEEC
≈ Picnic Day Sky
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.11:1 · APCA Lc 41
Ag
AAASur noir
WCAG 9.92:1 · APCA Lc 61
Meilleure couleur de texte: #000000
WCAG 9.92:1 (AAA) · APCA Lc 61
Contrast pairs
Extraits de code
CSS
:root {
--schauss-pink: #ff91af;
--schauss-pink-rgb: 255 145 175;
--schauss-pink-oklch: oklch(0.781 0.136 3.2);
}
.element {
color: var(--schauss-pink);
background-color: hsl(344 100% 78%);
border-color: oklch(0.781 0.136 3.2);
}Tailwind CSS v4
@theme {
--color-schauss-pink: #ff91af;
--color-schauss-pink-50: #ffe6f0;
--color-schauss-pink-100: #ffd6e1;
--color-schauss-pink-200: #ffbccc;
--color-schauss-pink-300: #f29aae;
--color-schauss-pink-400: #e07a96;
--color-schauss-pink-500: #cd5a7d;
--color-schauss-pink-600: #ad4d6a;
--color-schauss-pink-700: #8b3d55;
--color-schauss-pink-800: #672b3f;
--color-schauss-pink-900: #481d2c;
--color-schauss-pink-950: #2f0d19;
}SCSS
$schauss-pink: #ff91af;
$schauss-pink-rgb: 255, 145, 175;
$schauss-pink-light: mix(#fff, $schauss-pink, 20%);
$schauss-pink-dark: mix(#000, $schauss-pink, 20%);
.element {
color: $schauss-pink;
box-shadow: 0 0 0 2px rgba($schauss-pink, 0.35);
}