Couleur nommée la plus proche · #C73FA0
#C73FA0
Couleur nommée la plus proche: Lustful Wishes
#C73FA0 (rgb(199 63 160), hsl(317 55% 51%), oklch(0.593 0.199 341.3)) est la plus proche de la couleur nommée Lustful Wishes. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#C73FA0
oklch(0.593 0.199 341.3)
Conversions de couleur
- HEX
- #c73fa0
- RGB
- rgb(199 63 160)
- HSL
- hsl(317 55% 51%)
- HWB
- hwb(317 25% 22%)
- OKLCH
- oklch(0.593 0.199 341.3)
- OKLab
- oklab(0.593 0.189 -0.064)
- CIE Lab
- lab(49.98 61.22 -23)
- LCH
- lch(49.98 65.4 339.4)
- CMYK
- cmyk(0% 68% 20% 22%)
Teintes · Ombres · Tons
Teintes
- CF56A9
- D66BB3
- DD7EBC
- E391C6
- E9A3CF
- EFB6D9
- F3C8E2
- F8DAEC
- FCEDF5
Ombres
- AD358B
- 932C76
- 7A2361
- 621B4E
- 4C123B
- 360A29
- 210419
- 0E0109
- 020001
Tons
- C1499D
- BB529A
- B55997
- AE6094
- A76791
- A06C8D
- 99728A
- 917787
- 897C83
Harmonies de couleurs
Complémentaire +180°
- C73FA0
Lustful Wishes
- 009665
≈ Green Cyan
Analogue -30° +30°
- C73FA0
Lustful Wishes
- A451D3
≈ Ripe Lavander
- D93660
≈ Azalea
Triadique +120° +240°
- C73FA0
Lustful Wishes
- 8E8000
≈ Moscow Papyrus
- 008CAC
≈ Quintana
Complémentaire divisée +150° +210°
- C73FA0
Lustful Wishes
- 599100
≈ Vida Loca
- 00918D
≈ Supermint
Tétradique +90° +180° +270°
- C73FA0
Lustful Wishes
- AD6F00
≈ Caramel
- 009665
≈ Green Cyan
- 0080E1
≈ Blue Cola
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.51:1 · APCA Lc 70
Ag
AASur noir
WCAG 4.64:1 · APCA Lc 31
Meilleure couleur de texte: #000000
WCAG 4.64:1 (AA) · APCA Lc 31
Contrast pairs
Extraits de code
CSS
:root {
--lustful-wishes: #c73fa0;
--lustful-wishes-rgb: 199 63 160;
--lustful-wishes-oklch: oklch(0.593 0.199 341.3);
}
.element {
color: var(--lustful-wishes);
background-color: hsl(317 55% 51%);
border-color: oklch(0.593 0.199 341.3);
}Tailwind CSS v4
@theme {
--color-lustful-wishes: #c73fa0;
--color-lustful-wishes-50: #ffdfff;
--color-lustful-wishes-100: #ffcef9;
--color-lustful-wishes-200: #ffb1ea;
--color-lustful-wishes-300: #fc8bd1;
--color-lustful-wishes-400: #e967c0;
--color-lustful-wishes-500: #d63dac;
--color-lustful-wishes-600: #b53591;
--color-lustful-wishes-700: #922b74;
--color-lustful-wishes-800: #6b1e58;
--color-lustful-wishes-900: #4c143e;
--color-lustful-wishes-950: #320427;
}SCSS
$lustful-wishes: #c73fa0;
$lustful-wishes-rgb: 199, 63, 160;
$lustful-wishes-light: mix(#fff, $lustful-wishes, 20%);
$lustful-wishes-dark: mix(#000, $lustful-wishes, 20%);
.element {
color: $lustful-wishes;
box-shadow: 0 0 0 2px rgba($lustful-wishes, 0.35);
}