En yakın adlandırılmış renk · #EBB8BA
#EBB8BA
En yakın adlandırılmış renk: Angry Ghost
#EBB8BA (rgb(235 184 186), hsl(358 56% 82%), oklch(0.829 0.059 15.8)) en çok Angry Ghost 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.
#EBB8BA
oklch(0.829 0.059 15.8)
Renk dönüşümleri
- HEX
- #ebb8ba
- RGB
- rgb(235 184 186)
- HSL
- hsl(358 56% 82%)
- HWB
- hwb(358 72% 8%)
- OKLCH
- oklch(0.829 0.059 15.8)
- OKLab
- oklab(0.829 0.057 0.016)
- CIE Lab
- lab(79.51 19.19 6.43)
- LCH
- lch(79.51 20.24 18.5)
- CMYK
- cmyk(0% 22% 21% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EDBFC1
- F0C6C8
- F2CDCE
- F4D4D5
- F6DBDC
- F8E2E3
- FAEAEA
- FCF1F1
- FDF8F8
Koyu tonlar
- CCA0A1
- AE8889
- 917172
- 755B5C
- 5B4546
- 413132
- 291E1E
- 130C0D
- 030202
Gri tonlar
- E0B2B4
- D5ADAE
- CAA7A8
- BFA1A2
- B59C9D
- AA9697
- 9F9191
- 958B8B
- 8A8686
Renk uyumları
Tamamlayıcı +180°
- EBB8BA
Angry Ghost
- 9AD3D3
≈ Morning Glory
Analog -30° +30°
- EBB8BA
Angry Ghost
- E4B8CF
≈ Eau de Rose
- E9BCA7
≈ Orangery
Üçlü +120° +240°
- EBB8BA
Angry Ghost
- B6D0AA
≈ Gio Ponti Green
- AEC9EE
≈ Tropical Blue
Bölünmüş tamamlayıcı +150° +210°
- EBB8BA
Angry Ghost
- A3D4BE
≈ Flowering Cactus
- 9ED0E5
≈ Blue Carpenter Bee
Dörtlü +90° +180° +270°
- EBB8BA
Angry Ghost
- CCCA9E
≈ Anjou Pear
- 9AD3D3
≈ Morning Glory
- C3C2ED
≈ Violet Gems
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.73:1 · APCA Lc 31
Ag
AAASiyah üzerinde
WCAG 12.09:1 · APCA Lc 71
En iyi metin rengi: #000000
WCAG 12.09:1 (AAA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--angry-ghost: #ebb8ba;
--angry-ghost-rgb: 235 184 186;
--angry-ghost-oklch: oklch(0.829 0.059 15.8);
}
.element {
color: var(--angry-ghost);
background-color: hsl(358 56% 82%);
border-color: oklch(0.829 0.059 15.8);
}Tailwind CSS v4
@theme {
--color-angry-ghost: #ebb8ba;
--color-angry-ghost-50: #ffefef;
--color-angry-ghost-100: #fbe0e0;
--color-angry-ghost-200: #edcbcb;
--color-angry-ghost-300: #d4acac;
--color-angry-ghost-400: #bf9193;
--color-angry-ghost-500: #aa7679;
--color-angry-ghost-600: #906466;
--color-angry-ghost-700: #735052;
--color-angry-ghost-800: #553a3c;
--color-angry-ghost-900: #3b2829;
--color-angry-ghost-950: #251617;
}SCSS
$angry-ghost: #ebb8ba;
$angry-ghost-rgb: 235, 184, 186;
$angry-ghost-light: mix(#fff, $angry-ghost, 20%);
$angry-ghost-dark: mix(#000, $angry-ghost, 20%);
.element {
color: $angry-ghost;
box-shadow: 0 0 0 2px rgba($angry-ghost, 0.35);
}