Benoemde kleur · #FFEEBB
Gnocchi Beige
Gnocchi Beige is #FFEEBB: rgb(255 238 187), hsl(45 100% 87%), oklch(0.95 0.068 91.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Gnocchi Beige color name →
#FFEEBB
oklch(0.95 0.068 91.8)
Kleurconversies
- HEX
- #ffeebb
- RGB
- rgb(255 238 187)
- HSL
- hsl(45 100% 87%)
- HWB
- hwb(45 73% 0%)
- OKLCH
- oklch(0.95 0.068 91.8)
- OKLab
- oklab(0.95 -0.002 0.068)
- CIE Lab
- lab(94.55 0.35 26.98)
- LCH
- lch(94.55 26.98 89.3)
- CMYK
- cmyk(0% 7% 27% 0%)
Tinten · Schaduwen · Tonen
Tinten
- FFF0C2
- FFF2C9
- FFF3D0
- FFF5D7
- FFF7DE
- FFF8E4
- FFFAEB
- FFFCF2
- FFFDF8
Schaduwen
- DECFA2
- BEB18A
- 9E9373
- 80775C
- 635C46
- 484232
- 2E2A1F
- 16140D
- 030302
Tonen
- F2E3B5
- E4D7AF
- D7CCAA
- CAC1A4
- BEB69E
- B1AB98
- A4A092
- 98958C
- 8C8A86
Kleurharmonieën
Complementair +180°
- FFEEBB
Gnocchi Beige
- E9EEFF
≈ Brilliant White
Analoog -30° +30°
- FFEEBB
Gnocchi Beige
- FFEADA
≈ Flowerbed
- E7F7C4
≈ Snow Flurry
Triadisch +120° +240°
- FFEEBB
Gnocchi Beige
- D0F7FF
≈ Vaporised
- FFE6FA
≈ Bunny Tail
Gesplitst complementair +150° +210°
- FFEEBB
Gnocchi Beige
- E0F1FF
≈ Wizard White
- F2EBFF
≈ Placebo Purple
Tetradisch +90° +180° +270°
- FFEEBB
Gnocchi Beige
- BCFEF2
≈ Summer Cloud
- E9EEFF
≈ Brilliant White
- FFE8ED
≈ Rose Mochi
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.15:1 · APCA Lc 0
Ag
AAAOp zwart
WCAG 18.19:1 · APCA Lc 97
Beste tekstkleur: #000000
WCAG 18.19:1 (AAA) · APCA Lc 97
Contrast pairs
Codefragmenten
CSS
:root {
--gnocchi-beige: #ffeebb;
--gnocchi-beige-rgb: 255 238 187;
--gnocchi-beige-oklch: oklch(0.95 0.068 91.8);
}
.element {
color: var(--gnocchi-beige);
background-color: hsl(45 100% 87%);
border-color: oklch(0.95 0.068 91.8);
}Tailwind CSS v4
@theme {
--color-gnocchi-beige: #ffeebb;
--color-gnocchi-beige-50: #fbf5e0;
--color-gnocchi-beige-100: #efe8cf;
--color-gnocchi-beige-200: #ded4b4;
--color-gnocchi-beige-300: #c3b790;
--color-gnocchi-beige-400: #ad9e70;
--color-gnocchi-beige-500: #968550;
--color-gnocchi-beige-600: #7f7144;
--color-gnocchi-beige-700: #665a36;
--color-gnocchi-beige-800: #4c4126;
--color-gnocchi-beige-900: #342d19;
--color-gnocchi-beige-950: #201a0a;
}SCSS
$gnocchi-beige: #ffeebb;
$gnocchi-beige-rgb: 255, 238, 187;
$gnocchi-beige-light: mix(#fff, $gnocchi-beige, 20%);
$gnocchi-beige-dark: mix(#000, $gnocchi-beige, 20%);
.element {
color: $gnocchi-beige;
box-shadow: 0 0 0 2px rgba($gnocchi-beige, 0.35);
}