Colore con nome · #EBD999
Ivory Buff
Ivory Buff è #EBD999: rgb(235 217 153), hsl(47 67% 76%), oklch(0.885 0.084 94.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Ivory Buff color name →
#EBD999
oklch(0.885 0.084 94.3)
Conversioni di colore
- HEX
- #ebd999
- RGB
- rgb(235 217 153)
- HSL
- hsl(47 67% 76%)
- HWB
- hwb(47 60% 8%)
- OKLCH
- oklch(0.885 0.084 94.3)
- OKLab
- oklab(0.885 -0.006 0.084)
- CIE Lab
- lab(87.07 -0.31 33.96)
- LCH
- lch(87.07 33.96 90.5)
- CMYK
- cmyk(0% 8% 35% 8%)
Tinte · Ombre · Toni
Tinte
- EDDDA4
- EFE1AE
- F1E5B9
- F3E8C3
- F5ECCD
- F7F0D7
- F9F4E1
- FBF8EB
- FDFBF5
Ombre
- CCBC84
- AEA170
- 91865D
- 756C4A
- 5B5338
- 413B27
- 292517
- 131108
- 030201
Toni
- E0D097
- D5C795
- CABE93
- BFB590
- B4AC8E
- A9A38B
- 9F9A89
- 949186
- 8A8983
Armonie di colore
Complementare +180°
- EBD999
Ivory Buff
- CDD7FF
≈ Pale Phthalo Blue
Analogo -30° +30°
- EBD999
Ivory Buff
- FFCFA2
≈ Peach Beach
- CDE3A6
≈ Lime Cream
Triadico +120° +240°
- EBD999
Ivory Buff
- 96E8FB
≈ Winter Wizard
- FDC5F0
≈ Rosy Maple Moth
Complementare divisa +150° +210°
- EBD999
Ivory Buff
- B8DEFF
≈ Broad Daylight
- E3CEFF
≈ Lens Flare Pink
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.40:1 · APCA Lc 20
Ag
AAASu nero
WCAG 14.91:1 · APCA Lc 84
Miglior colore del testo: #000000
WCAG 14.91:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--ivory-buff: #ebd999;
--ivory-buff-rgb: 235 217 153;
--ivory-buff-oklch: oklch(0.885 0.084 94.3);
}
.element {
color: var(--ivory-buff);
background-color: hsl(47 67% 76%);
border-color: oklch(0.885 0.084 94.3);
}Tailwind CSS v4
@theme {
--color-ivory-buff: #ebd999;
--color-ivory-buff-50: #fcf6db;
--color-ivory-buff-100: #f0e8c9;
--color-ivory-buff-200: #ded5ac;
--color-ivory-buff-300: #c4b886;
--color-ivory-buff-400: #ae9e63;
--color-ivory-buff-500: #988540;
--color-ivory-buff-600: #817137;
--color-ivory-buff-700: #675a2b;
--color-ivory-buff-800: #4d411e;
--color-ivory-buff-900: #352d13;
--color-ivory-buff-950: #201a05;
}SCSS
$ivory-buff: #ebd999;
$ivory-buff-rgb: 235, 217, 153;
$ivory-buff-light: mix(#fff, $ivory-buff, 20%);
$ivory-buff-dark: mix(#000, $ivory-buff, 20%);
.element {
color: $ivory-buff;
box-shadow: 0 0 0 2px rgba($ivory-buff, 0.35);
}