En yakın adlandırılmış renk · #EEBBBC
#EEBBBC
En yakın adlandırılmış renk: Angry Ghost
#EEBBBC (rgb(238 187 188), hsl(359 60% 83%), oklch(0.838 0.059 17.1)) 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.
#EEBBBC
oklch(0.838 0.059 17.1)
Renk dönüşümleri
- HEX
- #eebbbc
- RGB
- rgb(238 187 188)
- HSL
- hsl(359 60% 83%)
- HWB
- hwb(359 73% 7%)
- OKLCH
- oklch(0.838 0.059 17.1)
- OKLab
- oklab(0.838 0.056 0.017)
- CIE Lab
- lab(80.57 19.02 6.9)
- LCH
- lch(80.57 20.24 19.9)
- CMYK
- cmyk(0% 21% 21% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0C2C3
- F2C9C9
- F4CFD0
- F6D6D6
- F7DDDD
- F9E4E4
- FBEAEB
- FCF1F1
- FEF8F8
Koyu tonlar
- CFA2A3
- B18A8B
- 937373
- 775C5D
- 5C4647
- 423232
- 2A1F1F
- 140D0D
- 030202
Gri tonlar
- E3B5B6
- D7AFB0
- CCA9AA
- C1A3A4
- B69D9E
- AB9798
- A09192
- 958C8C
- 8B8686
Renk uyumları
Tamamlayıcı +180°
- EEBBBC
Angry Ghost
- 9DD6D7
≈ Shallow Shoal
Analog -30° +30°
- EEBBBC
Angry Ghost
- E8BBD1
≈ Child’s Play
- EBBFAA
≈ Veronese Peach
Üçlü +120° +240°
- EEBBBC
Angry Ghost
- B8D3AE
≈ Jaded Lime
- B2CCF1
≈ Alphabet Blue
Bölünmüş tamamlayıcı +150° +210°
- EEBBBC
Angry Ghost
- A5D7C2
≈ Southern Belle
- A2D2E8
≈ Chefchaouen Blue
Dörtlü +90° +180° +270°
- EEBBBC
Angry Ghost
- CECDA1
≈ Wasabi Zing
- 9DD6D7
≈ Shallow Shoal
- C7C5EF
≈ Soap
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.68:1 · APCA Lc 30
Ag
AAASiyah üzerinde
WCAG 12.46:1 · APCA Lc 73
En iyi metin rengi: #000000
WCAG 12.46:1 (AAA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--angry-ghost: #eebbbc;
--angry-ghost-rgb: 238 187 188;
--angry-ghost-oklch: oklch(0.838 0.059 17.1);
}
.element {
color: var(--angry-ghost);
background-color: hsl(359 60% 83%);
border-color: oklch(0.838 0.059 17.1);
}Tailwind CSS v4
@theme {
--color-angry-ghost: #eebbbc;
--color-angry-ghost-50: #ffefee;
--color-angry-ghost-100: #fbe1e0;
--color-angry-ghost-200: #edcbca;
--color-angry-ghost-300: #d4acab;
--color-angry-ghost-400: #bf9192;
--color-angry-ghost-500: #aa7678;
--color-angry-ghost-600: #906466;
--color-angry-ghost-700: #735051;
--color-angry-ghost-800: #553a3c;
--color-angry-ghost-900: #3b2829;
--color-angry-ghost-950: #251617;
}SCSS
$angry-ghost: #eebbbc;
$angry-ghost-rgb: 238, 187, 188;
$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);
}