En yakın adlandırılmış renk · #CF0054
#CF0054
En yakın adlandırılmış renk: Love Juice
#CF0054 (rgb(207 0 84), hsl(336 100% 41%), oklch(0.546 0.219 9.5)) en çok Love Juice adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#CF0054
oklch(0.546 0.219 9.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D73764
- DF5474
- E66C84
- EC8295
- F297A6
- F6ACB7
- FAC1C9
- FCD6DB
- FEEAED
Koyu tonlar
- B40048
- 99003C
- 7F0031
- 670026
- 4F001B
- 380011
- 230008
- 100002
- 020000
Gri tonlar
- C92758
- C3395D
- BC4661
- B55166
- AE5B6A
- A6636E
- 9E6B73
- 957377
- 8B797C
Renk uyumları
Tamamlayıcı +180°
- CF0054
Love Juice
- 00827C
≈ Blue Winged Teal
Analog -30° +30°
- CF0054
Love Juice
- BB2098
≈ Fuchsia Flourish
- BF4000
≈ Copper Hopper
Üçlü +120° +240°
- CF0054
Love Juice
- 548000
≈ Avocado
- 0073C5
≈ Science Blue
Bölünmüş tamamlayıcı +150° +210°
- CF0054
Love Juice
- 008656
≈ Pixel Nature
- 007D98
≈ Pacific Pleasure
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.55:1 · APCA Lc 75
Ag
FailSiyah üzerinde
WCAG 3.78:1 · APCA Lc 27
En iyi metin rengi: #FFFFFF
WCAG 5.55:1 (AA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
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);
}