En yakın adlandırılmış renk · #CD7BE0
#CD7BE0
En yakın adlandırılmış renk: Fake Love
#CD7BE0 (rgb(205 123 224), hsl(289 62% 68%), oklch(0.707 0.165 319.9)) en çok Fake Love 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.
#CD7BE0
oklch(0.707 0.165 319.9)
Renk dönüşümleri
- HEX
- #cd7be0
- RGB
- rgb(205 123 224)
- HSL
- hsl(289 62% 68%)
- HWB
- hwb(289 48% 12%)
- OKLCH
- oklch(0.707 0.165 319.9)
- OKLab
- oklab(0.707 0.126 -0.106)
- CIE Lab
- lab(63.59 44.52 -38.54)
- LCH
- lch(63.59 58.88 319.1)
- CMYK
- cmyk(8% 45% 0% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D389E4
- D896E7
- DDA4EB
- E2B1EE
- E7BEF1
- ECCBF4
- F1D8F7
- F6E5FA
- FBF2FC
Koyu tonlar
- B26AC3
- 985AA6
- 7E4A8A
- 663A70
- 4E2C56
- 381E3E
- 231027
- 0F0512
- 020102
Gri tonlar
- C57CD6
- BE7ECD
- B67FC3
- AF7FBA
- A780B0
- 9F80A6
- 97809D
- 908093
- 88808A
Renk uyumları
Tamamlayıcı +180°
- CD7BE0
Fake Love
- 63B94F
≈ Pure Apple
Analog -30° +30°
- CD7BE0
Fake Love
- A18CFF
≈ Cobalite
- EA70AF
≈ Amaranth
Üçlü +120° +240°
- CD7BE0
Fake Love
- D09400
≈ Elysium Gold
- 00B7BE
≈ Cyan Sky
Bölünmüş tamamlayıcı +150° +210°
- CD7BE0
Fake Love
- A8A800
≈ Honey and Thyme
- 00BC93
≈ Mountain Meadow
Dörtlü +90° +180° +270°
- CD7BE0
Fake Love
- F07C30
≈ Chaat Masala
- 63B94F
≈ Pure Apple
- 00AFE7
≈ Royal Peacock
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.79:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.50:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--fake-love: #cd7be0;
--fake-love-rgb: 205 123 224;
--fake-love-oklch: oklch(0.707 0.165 319.9);
}
.element {
color: var(--fake-love);
background-color: hsl(289 62% 68%);
border-color: oklch(0.707 0.165 319.9);
}Tailwind CSS v4
@theme {
--color-fake-love: #cd7be0;
--color-fake-love-50: #ffe6ff;
--color-fake-love-100: #ffd6ff;
--color-fake-love-200: #f6bdff;
--color-fake-love-300: #df9aea;
--color-fake-love-400: #c97bdb;
--color-fake-love-500: #b45ac9;
--color-fake-love-600: #984daa;
--color-fake-love-700: #7a3e88;
--color-fake-love-800: #592c67;
--color-fake-love-900: #3e1e48;
--color-fake-love-950: #270d2f;
}SCSS
$fake-love: #cd7be0;
$fake-love-rgb: 205, 123, 224;
$fake-love-light: mix(#fff, $fake-love, 20%);
$fake-love-dark: mix(#000, $fake-love, 20%);
.element {
color: $fake-love;
box-shadow: 0 0 0 2px rgba($fake-love, 0.35);
}