Couleur nommée la plus proche · #CF0054
#CF0054
Couleur nommée la plus proche: Love Juice
#CF0054 (rgb(207 0 84), hsl(336 100% 41%), oklch(0.546 0.219 9.5)) est la plus proche de la couleur nommée Love Juice. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#CF0054
oklch(0.546 0.219 9.5)
Conversions de couleur
- HEX
- #cf0054
- RGB
- rgb(207 0 84)
- HSL
- hsl(336 100% 41%)
- HWB
- hwb(336 0% 19%)
- OKLCH
- oklch(0.546 0.219 9.5)
- OKLab
- oklab(0.546 0.216 0.036)
- CIE Lab
- lab(44.83 70.77 16.17)
- LCH
- lch(44.83 72.59 12.9)
- CMYK
- cmyk(0% 100% 59% 19%)
Teintes · Ombres · Tons
Teintes
- D73764
- DF5474
- E66C84
- EC8295
- F297A6
- F6ACB7
- FAC1C9
- FCD6DB
- FEEAED
Ombres
- B40048
- 99003C
- 7F0031
- 670026
- 4F001B
- 380011
- 230008
- 100002
- 020000
Tons
- C92758
- C3395D
- BC4661
- B55166
- AE5B6A
- A6636E
- 9E6B73
- 957377
- 8B797C
Harmonies de couleurs
Complémentaire +180°
- CF0054
Love Juice
- 00827C
≈ Blue Winged Teal
Analogue -30° +30°
- CF0054
Love Juice
- BB2098
≈ Fuchsia Flourish
- BF4000
≈ Copper Hopper
Triadique +120° +240°
- CF0054
Love Juice
- 548000
≈ Avocado
- 0073C5
≈ Science Blue
Complémentaire divisée +150° +210°
- CF0054
Love Juice
- 008656
≈ Pixel Nature
- 007D98
≈ Pacific Pleasure
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.55:1 · APCA Lc 75
Ag
FailSur noir
WCAG 3.78:1 · APCA Lc 27
Meilleure couleur de texte: #FFFFFF
WCAG 5.55:1 (AA) · APCA Lc 75
Contrast pairs
Extraits de code
CSS
:root {
--love-juice: #cf0054;
--love-juice-rgb: 207 0 84;
--love-juice-oklch: oklch(0.546 0.219 9.5);
}
.element {
color: var(--love-juice);
background-color: hsl(336 100% 41%);
border-color: oklch(0.546 0.219 9.5);
}Tailwind CSS v4
@theme {
--color-love-juice: #cf0054;
--color-love-juice-50: #ffdce5;
--color-love-juice-100: #ffcad5;
--color-love-juice-200: #ffabbc;
--color-love-juice-300: #ff829a;
--color-love-juice-400: #ff5882;
--color-love-juice-500: #f21666;
--color-love-juice-600: #cc1a56;
--color-love-juice-700: #a51645;
--color-love-juice-800: #7b0d34;
--color-love-juice-900: #570924;
--color-love-juice-950: #3a0013;
}SCSS
$love-juice: #cf0054;
$love-juice-rgb: 207, 0, 84;
$love-juice-light: mix(#fff, $love-juice, 20%);
$love-juice-dark: mix(#000, $love-juice, 20%);
.element {
color: $love-juice;
box-shadow: 0 0 0 2px rgba($love-juice, 0.35);
}