Colore con nome · #EDE9D7
Baked Brie
Baked Brie è #EDE9D7: rgb(237 233 215), hsl(49 38% 89%), oklch(0.932 0.024 96.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Baked Brie color name →
#EDE9D7
oklch(0.932 0.024 96.6)
Conversioni di colore
- HEX
- #ede9d7
- RGB
- rgb(237 233 215)
- HSL
- hsl(49 38% 89%)
- HWB
- hwb(49 84% 7%)
- OKLCH
- oklch(0.932 0.024 96.6)
- OKLab
- oklab(0.932 -0.003 0.024)
- CIE Lab
- lab(92.3 -0.87 9.29)
- LCH
- lch(92.3 9.33 95.3)
- CMYK
- cmyk(0% 2% 9% 7%)
Tinte · Ombre · Toni
Tinte
- EFEBDB
- F1EDDF
- F2F0E3
- F4F2E7
- F6F4EB
- F8F6EF
- FAF8F3
- FBFBF7
- FDFDFB
Ombre
- CECBBB
- B0AD9F
- 939085
- 77746B
- 5C5A52
- 42413B
- 2A2925
- 141311
- 030302
Toni
- E2DECE
- D6D3C5
- CBC8BC
- C0BEB3
- B5B3AB
- AAA9A2
- 9F9E99
- 959491
- 8A8A88
Armonie di colore
Complementare +180°
- EDE9D7
Baked Brie
- E4E8F9
≈ Glitter
Analogo -30° +30°
- EDE9D7
Baked Brie
- F4E6D8
≈ Heirloom Lace
- E4ECDB
≈ Minified Mint
Triadico +120° +240°
- EDE9D7
Baked Brie
- D8EDF3
≈ Sparkling River
- F4E3EF
≈ Pale Orchid Petal
Complementare divisa +150° +210°
- EDE9D7
Baked Brie
- DCEBF8
≈ Hoarfrost
- EDE5F6
≈ Holographic Lavender
Tetradico +90° +180° +270°
- EDE9D7
Baked Brie
- D8EEEB
≈ Blue Green Rules
- E4E8F9
≈ Glitter
- F8E2E6
≈ Poetic Princess
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.21:1 · APCA Lc 11
Ag
AAASu nero
WCAG 17.23:1 · APCA Lc 93
Miglior colore del testo: #000000
WCAG 17.23:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--baked-brie: #ede9d7;
--baked-brie-rgb: 237 233 215;
--baked-brie-oklch: oklch(0.932 0.024 96.6);
}
.element {
color: var(--baked-brie);
background-color: hsl(49 38% 89%);
border-color: oklch(0.932 0.024 96.6);
}Tailwind CSS v4
@theme {
--color-baked-brie: #ede9d7;
--color-baked-brie-50: #f7f5ee;
--color-baked-brie-100: #eae8df;
--color-baked-brie-200: #d7d5c9;
--color-baked-brie-300: #bab8aa;
--color-baked-brie-400: #a29f8f;
--color-baked-brie-500: #8b8674;
--color-baked-brie-600: #757263;
--color-baked-brie-700: #5e5b4f;
--color-baked-brie-800: #454239;
--color-baked-brie-900: #302e27;
--color-baked-brie-950: #1c1b15;
}SCSS
$baked-brie: #ede9d7;
$baked-brie-rgb: 237, 233, 215;
$baked-brie-light: mix(#fff, $baked-brie, 20%);
$baked-brie-dark: mix(#000, $baked-brie, 20%);
.element {
color: $baked-brie;
box-shadow: 0 0 0 2px rgba($baked-brie, 0.35);
}