Colore con nome · #DBE5B9
Aloe Cream
Aloe Cream è #DBE5B9: rgb(219 229 185), hsl(74 46% 81%), oklch(0.903 0.059 118). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Aloe Cream color name →
#DBE5B9
oklch(0.903 0.059 118)
Conversioni di colore
- HEX
- #dbe5b9
- RGB
- rgb(219 229 185)
- HSL
- hsl(74 46% 81%)
- HWB
- hwb(74 73% 10%)
- OKLCH
- oklch(0.903 0.059 118)
- OKLab
- oklab(0.903 -0.028 0.052)
- CIE Lab
- lab(89.33 -8.96 20.37)
- LCH
- lch(89.33 22.25 113.7)
- CMYK
- cmyk(4% 0% 19% 10%)
Tinte · Ombre · Toni
Tinte
- DFE8C0
- E2EAC7
- E6EDCE
- E9EFD5
- EDF2DC
- F0F5E3
- F4F7EA
- F8FAF1
- FBFCF8
Ombre
- BEC7A0
- A2AA89
- 878E71
- 6D725B
- 545846
- 3C3F31
- 26281E
- 11120D
- 020302
Toni
- D1DAB3
- C8D0AE
- BFC6A8
- B5BBA2
- ACB19C
- A3A797
- 9A9D91
- 91938B
- 898A86
Armonie di colore
Complementare +180°
- DBE5B9
Aloe Cream
- E3D8FF
≈ Transparent Blue
Analogo -30° +30°
- DBE5B9
Aloe Cream
- EFDEB3
≈ Calla
- C6EAC9
≈ Frosty Dawn
Triadico +120° +240°
- DBE5B9
Aloe Cream
- BFE5FF
≈ Fresh Water
- FFD1DF
≈ Light Pink
Complementare divisa +150° +210°
- DBE5B9
Aloe Cream
- D2DFFF
≈ Arc Light
- F5D2F3
≈ Little Smile
Tetradico +90° +180° +270°
- DBE5B9
Aloe Cream
- B2EBF4
≈ Mint Macaron
- E3D8FF
≈ Transparent Blue
- FFD3CD
≈ Girlie
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.31:1 · APCA Lc 16
Ag
AAASu nero
WCAG 15.92:1 · APCA Lc 88
Miglior colore del testo: #000000
WCAG 15.92:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--aloe-cream: #dbe5b9;
--aloe-cream-rgb: 219 229 185;
--aloe-cream-oklch: oklch(0.903 0.059 118);
}
.element {
color: var(--aloe-cream);
background-color: hsl(74 46% 81%);
border-color: oklch(0.903 0.059 118);
}Tailwind CSS v4
@theme {
--color-aloe-cream: #dbe5b9;
--color-aloe-cream-50: #f3f8e5;
--color-aloe-cream-100: #e5ebd5;
--color-aloe-cream-200: #d1d8bd;
--color-aloe-cream-300: #b3bc9b;
--color-aloe-cream-400: #9ba47c;
--color-aloe-cream-500: #828c5f;
--color-aloe-cream-600: #6e7651;
--color-aloe-cream-700: #585f40;
--color-aloe-cream-800: #41452d;
--color-aloe-cream-900: #2d301f;
--color-aloe-cream-950: #1a1c0e;
}SCSS
$aloe-cream: #dbe5b9;
$aloe-cream-rgb: 219, 229, 185;
$aloe-cream-light: mix(#fff, $aloe-cream, 20%);
$aloe-cream-dark: mix(#000, $aloe-cream, 20%);
.element {
color: $aloe-cream;
box-shadow: 0 0 0 2px rgba($aloe-cream, 0.35);
}