Colore con nome · #B8D7A6
Apple Cream
Apple Cream è #B8D7A6: rgb(184 215 166), hsl(98 38% 75%), oklch(0.844 0.074 134.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Apple Cream color name →
#B8D7A6
oklch(0.844 0.074 134.2)
Conversioni di colore
- HEX
- #b8d7a6
- RGB
- rgb(184 215 166)
- HSL
- hsl(98 38% 75%)
- HWB
- hwb(98 65% 16%)
- OKLCH
- oklch(0.844 0.074 134.2)
- OKLab
- oklab(0.844 -0.052 0.053)
- CIE Lab
- lab(82.75 -17.29 20.71)
- LCH
- lch(82.75 26.98 129.9)
- CMYK
- cmyk(14% 0% 23% 16%)
Tinte · Ombre · Toni
Tinte
- BFDBAF
- C6DFB8
- CDE3C1
- D4E7C9
- DBEBD2
- E2EFDB
- E9F3E4
- F1F7ED
- F8FBF6
Ombre
- A0BB90
- 889F7A
- 718565
- 5B6B51
- 45523E
- 313B2B
- 1E251A
- 0C110A
- 020201
Toni
- B2CEA2
- ADC59F
- A7BC9B
- A1B397
- 9CAB93
- 96A290
- 91998C
- 8B9188
- 868884
Armonie di colore
Complementare +180°
- B8D7A6
Apple Cream
- DEBEEE
≈ Beefy Pink
Analogo -30° +30°
- B8D7A6
Apple Cream
- D3CF96
≈ Corn Husk Green
- 9FDCBF
≈ Almost Aqua
Triadico +120° +240°
- B8D7A6
Apple Cream
- ABCFFC
≈ Ice Cold Stare
- F8B9BD
≈ Ballerina Pink
Complementare divisa +150° +210°
- B8D7A6
Apple Cream
- C5C6FB
≈ Light Periwinkle
- F0B9D8
≈ Rosecco
Tetradico +90° +180° +270°
- B8D7A6
Apple Cream
- 96D7F0
≈ Over the Sky
- DEBEEE
≈ Beefy Pink
- F6BDA5
≈ Heirloom Apricot
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.57:1 · APCA Lc 26
Ag
AAASu nero
WCAG 13.30:1 · APCA Lc 77
Miglior colore del testo: #000000
WCAG 13.30:1 (AAA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--apple-cream: #b8d7a6;
--apple-cream-rgb: 184 215 166;
--apple-cream-oklch: oklch(0.844 0.074 134.2);
}
.element {
color: var(--apple-cream);
background-color: hsl(98 38% 75%);
border-color: oklch(0.844 0.074 134.2);
}Tailwind CSS v4
@theme {
--color-apple-cream: #b8d7a6;
--color-apple-cream-50: #ecfae6;
--color-apple-cream-100: #ddeed6;
--color-apple-cream-200: #c6dcbd;
--color-apple-cream-300: #a7c19b;
--color-apple-cream-400: #8ca97c;
--color-apple-cream-500: #72915e;
--color-apple-cream-600: #607b50;
--color-apple-cream-700: #4d6240;
--color-apple-cream-800: #39482d;
--color-apple-cream-900: #27321e;
--color-apple-cream-950: #151e0e;
}SCSS
$apple-cream: #b8d7a6;
$apple-cream-rgb: 184, 215, 166;
$apple-cream-light: mix(#fff, $apple-cream, 20%);
$apple-cream-dark: mix(#000, $apple-cream, 20%);
.element {
color: $apple-cream;
box-shadow: 0 0 0 2px rgba($apple-cream, 0.35);
}