Benannte Farbe · #EDE9D7
Baked Brie
Baked Brie ist #EDE9D7: rgb(237 233 215), hsl(49 38% 89%), oklch(0.932 0.024 96.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Baked Brie color name →
#EDE9D7
oklch(0.932 0.024 96.6)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- EFEBDB
- F1EDDF
- F2F0E3
- F4F2E7
- F6F4EB
- F8F6EF
- FAF8F3
- FBFBF7
- FDFDFB
Shades
- CECBBB
- B0AD9F
- 939085
- 77746B
- 5C5A52
- 42413B
- 2A2925
- 141311
- 030302
Tones
- E2DECE
- D6D3C5
- CBC8BC
- C0BEB3
- B5B3AB
- AAA9A2
- 9F9E99
- 959491
- 8A8A88
Farbharmonien
Komplementär +180°
- EDE9D7
Baked Brie
- E4E8F9
≈ Glitter
Analog -30° +30°
- EDE9D7
Baked Brie
- F4E6D8
≈ Heirloom Lace
- E4ECDB
≈ Minified Mint
Triadisch +120° +240°
- EDE9D7
Baked Brie
- D8EDF3
≈ Sparkling River
- F4E3EF
≈ Pale Orchid Petal
Geteilt komplementär +150° +210°
- EDE9D7
Baked Brie
- DCEBF8
≈ Hoarfrost
- EDE5F6
≈ Holographic Lavender
Tetradisch +90° +180° +270°
- EDE9D7
Baked Brie
- D8EEEB
≈ Blue Green Rules
- E4E8F9
≈ Glitter
- F8E2E6
≈ Poetic Princess
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.21:1 · APCA Lc 11
Ag
AAAAuf Schwarz
WCAG 17.23:1 · APCA Lc 93
Beste Textfarbe: #000000
WCAG 17.23:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
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);
}