En yakın adlandırılmış renk · #EBBDF6
#EBBDF6
En yakın adlandırılmış renk: Beefy Pink
#EBBDF6 (rgb(235 189 246), hsl(288 76% 85%), oklch(0.857 0.092 319.7)) en çok Beefy Pink 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.
#EBBDF6
oklch(0.857 0.092 319.7)
Renk dönüşümleri
- HEX
- #ebbdf6
- RGB
- rgb(235 189 246)
- HSL
- hsl(288 76% 85%)
- HWB
- hwb(288 74% 4%)
- OKLCH
- oklch(0.857 0.092 319.7)
- OKLab
- oklab(0.857 0.07 -0.059)
- CIE Lab
- lab(82.14 24.24 -21.84)
- LCH
- lch(82.14 32.62 318)
- CMYK
- cmyk(4% 23% 0% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EDC4F7
- EFCAF8
- F1D1F9
- F3D8FA
- F5DEFB
- F7E5FC
- F9EBFD
- FBF2FE
- FDF8FE
Koyu tonlar
- CCA4D6
- AE8CB7
- 917498
- 755D7B
- 5B475F
- 413345
- 291F2C
- 130D15
- 030203
Gri tonlar
- E0B7EA
- D5B1DE
- CAABD1
- BFA4C5
- B49EBA
- AA98AE
- 9F92A2
- 958C97
- 8A868B
Renk uyumları
Tamamlayıcı +180°
- EBBDF6
Beefy Pink
- B1DFA6
≈ Green Gooseberry
Analog -30° +30°
- EBBDF6
Beefy Pink
- CEC8FF
≈ Innocent Snowdrop
- FFB8D9
≈ Candy Bar
Üçlü +120° +240°
- EBBDF6
Beefy Pink
- F0CA8A
≈ Beacon Yellow
- 82E3E7
≈ Paradisiacal Getaway
Bölünmüş tamamlayıcı +150° +210°
- EBBDF6
Beefy Pink
- D3D68F
≈ Golden Delicious
- 91E4C7
≈ Bubble Algae
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.59:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.14:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.14:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--beefy-pink: #ebbdf6;
--beefy-pink-rgb: 235 189 246;
--beefy-pink-oklch: oklch(0.857 0.092 319.7);
}
.element {
color: var(--beefy-pink);
background-color: hsl(288 76% 85%);
border-color: oklch(0.857 0.092 319.7);
}Tailwind CSS v4
@theme {
--color-beefy-pink: #ebbdf6;
--color-beefy-pink-50: #ffedff;
--color-beefy-pink-100: #f7defb;
--color-beefy-pink-200: #e7c8ec;
--color-beefy-pink-300: #cea8d4;
--color-beefy-pink-400: #b78dc1;
--color-beefy-pink-500: #a172ac;
--color-beefy-pink-600: #886191;
--color-beefy-pink-700: #6d4d75;
--color-beefy-pink-800: #503857;
--color-beefy-pink-900: #37263d;
--color-beefy-pink-950: #221526;
}SCSS
$beefy-pink: #ebbdf6;
$beefy-pink-rgb: 235, 189, 246;
$beefy-pink-light: mix(#fff, $beefy-pink, 20%);
$beefy-pink-dark: mix(#000, $beefy-pink, 20%);
.element {
color: $beefy-pink;
box-shadow: 0 0 0 2px rgba($beefy-pink, 0.35);
}