Benannte Farbe · #EBD9D0
Winter Peach
Winter Peach ist #EBD9D0: rgb(235 217 208), hsl(20 40% 87%), oklch(0.897 0.023 48.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Winter Peach color name →
#EBD9D0
oklch(0.897 0.023 48.4)
Farbumrechnungen
- HEX
- #ebd9d0
- RGB
- rgb(235 217 208)
- HSL
- hsl(20 40% 87%)
- HWB
- hwb(20 82% 8%)
- OKLCH
- oklch(0.897 0.023 48.4)
- OKLab
- oklab(0.897 0.016 0.018)
- CIE Lab
- lab(87.99 5.31 6.8)
- LCH
- lch(87.99 8.63 52)
- CMYK
- cmyk(0% 8% 11% 8%)
Tints · Shades · Tones
Tints
- EDDDD5
- EFE1D9
- F1E4DE
- F3E8E3
- F5ECE7
- F7F0EC
- F9F4F1
- FBF7F5
- FDFBFA
Shades
- CCBCB5
- AEA19A
- 918680
- 756C67
- 5B534F
- 413B39
- 292523
- 131110
- 030202
Tones
- E0D0C8
- D5C7BF
- CABDB7
- BFB4AF
- B4ABA7
- A9A39F
- 9F9A97
- 94918F
- 8A8988
Farbharmonien
Komplementär +180°
- EBD9D0
Winter Peach
- CEE1EA
≈ Goddess
Analog -30° +30°
- EBD9D0
Winter Peach
- ECD7D7
≈ Light Youth
- E6DCCC
≈ Varnished Ivory
Triadisch +120° +240°
- EBD9D0
Winter Peach
- CFE2DA
≈ Light Meadow Lane
- DCDBEC
≈ Chinese Silver
Geteilt komplementär +150° +210°
- EBD9D0
Winter Peach
- CCE2E3
≈ Lens Flare Blue
- D4DEED
≈ Dripping Ice
Tetradisch +90° +180° +270°
- EBD9D0
Winter Peach
- D6E1D2
≈ Phantom Green
- CEE1EA
≈ Goddess
- E4D9E7
≈ Awakened
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.36:1 · APCA Lc 18
Ag
AAAAuf Schwarz
WCAG 15.36:1 · APCA Lc 86
Beste Textfarbe: #000000
WCAG 15.36:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--winter-peach: #ebd9d0;
--winter-peach-rgb: 235 217 208;
--winter-peach-oklch: oklch(0.897 0.023 48.4);
}
.element {
color: var(--winter-peach);
background-color: hsl(20 40% 87%);
border-color: oklch(0.897 0.023 48.4);
}Tailwind CSS v4
@theme {
--color-winter-peach: #ebd9d0;
--color-winter-peach-50: #fbf3ef;
--color-winter-peach-100: #efe6e1;
--color-winter-peach-200: #ddd2cb;
--color-winter-peach-300: #c2b4ad;
--color-winter-peach-400: #ab9b93;
--color-winter-peach-500: #948279;
--color-winter-peach-600: #7d6e66;
--color-winter-peach-700: #645852;
--color-winter-peach-800: #4a403c;
--color-winter-peach-900: #332c29;
--color-winter-peach-950: #1f1917;
}SCSS
$winter-peach: #ebd9d0;
$winter-peach-rgb: 235, 217, 208;
$winter-peach-light: mix(#fff, $winter-peach, 20%);
$winter-peach-dark: mix(#000, $winter-peach, 20%);
.element {
color: $winter-peach;
box-shadow: 0 0 0 2px rgba($winter-peach, 0.35);
}