Dichtstbijzijnde benoemde kleur · #EAB8B9
#EAB8B9
Dichtstbijzijnde benoemde kleur: Angry Ghost
#EAB8B9 (rgb(234 184 185), hsl(359 54% 82%), oklch(0.828 0.058 17.1)) komt het dichtst bij de benoemde kleur Angry Ghost. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#EAB8B9
oklch(0.828 0.058 17.1)
Kleurconversies
- HEX
- #eab8b9
- RGB
- rgb(234 184 185)
- HSL
- hsl(359 54% 82%)
- HWB
- hwb(359 72% 8%)
- OKLCH
- oklch(0.828 0.058 17.1)
- OKLab
- oklab(0.828 0.055 0.017)
- CIE Lab
- lab(79.39 18.71 6.78)
- LCH
- lch(79.39 19.9 19.9)
- CMYK
- cmyk(0% 21% 21% 8%)
Tinten · Schaduwen · Tonen
Tinten
- ECBFC0
- EFC6C7
- F1CDCE
- F3D4D5
- F5DBDC
- F8E2E3
- F9EAEA
- FBF1F1
- FDF8F8
Schaduwen
- CBA0A0
- AE8889
- 917171
- 755B5B
- 5A4546
- 413131
- 291E1E
- 130C0D
- 030202
Tonen
- DFB2B3
- D4ADAD
- CAA7A8
- BFA1A2
- B49C9C
- AA9696
- 9F9191
- 958B8B
- 8A8686
Kleurharmonieën
Complementair +180°
- EAB8B9
Angry Ghost
- 9AD3D3
≈ Morning Glory
Analoog -30° +30°
- EAB8B9
Angry Ghost
- E4B8CE
≈ Eau de Rose
- E7BCA7
≈ Orangery
Triadisch +120° +240°
- EAB8B9
Angry Ghost
- B5D0AB
≈ Gio Ponti Green
- AFC9ED
≈ Tropical Blue
Gesplitst complementair +150° +210°
- EAB8B9
Angry Ghost
- A3D3BF
≈ Flowering Cactus
- 9FCFE4
≈ December Solstice
Tetradisch +90° +180° +270°
- EAB8B9
Angry Ghost
- CACA9E
≈ Shagreen
- 9AD3D3
≈ Morning Glory
- C3C1EB
≈ Violet Gems
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.74:1 · APCA Lc 32
Ag
AAAOp zwart
WCAG 12.05:1 · APCA Lc 71
Beste tekstkleur: #000000
WCAG 12.05:1 (AAA) · APCA Lc 71
Contrast pairs
Codefragmenten
CSS
:root {
--angry-ghost: #eab8b9;
--angry-ghost-rgb: 234 184 185;
--angry-ghost-oklch: oklch(0.828 0.058 17.1);
}
.element {
color: var(--angry-ghost);
background-color: hsl(359 54% 82%);
border-color: oklch(0.828 0.058 17.1);
}Tailwind CSS v4
@theme {
--color-angry-ghost: #eab8b9;
--color-angry-ghost-50: #ffefee;
--color-angry-ghost-100: #fbe1e0;
--color-angry-ghost-200: #eccbca;
--color-angry-ghost-300: #d4acac;
--color-angry-ghost-400: #be9192;
--color-angry-ghost-500: #a97778;
--color-angry-ghost-600: #8f6566;
--color-angry-ghost-700: #735051;
--color-angry-ghost-800: #553a3c;
--color-angry-ghost-900: #3b2829;
--color-angry-ghost-950: #251617;
}SCSS
$angry-ghost: #eab8b9;
$angry-ghost-rgb: 234, 184, 185;
$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);
}