Benannte Farbe · #EEC9A6
Peaches’n’Cream
Peaches’n’Cream ist #EEC9A6: rgb(238 201 166), hsl(29 68% 79%), oklch(0.859 0.063 65.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Peaches’n’Cream color name →
#EEC9A6
oklch(0.859 0.063 65.2)
Farbumrechnungen
- HEX
- #eec9a6
- RGB
- rgb(238 201 166)
- HSL
- hsl(29 68% 79%)
- HWB
- hwb(29 65% 7%)
- OKLCH
- oklch(0.859 0.063 65.2)
- OKLab
- oklab(0.859 0.026 0.057)
- CIE Lab
- lab(83.55 9.83 22.68)
- LCH
- lch(83.55 24.72 66.6)
- CMYK
- cmyk(0% 16% 30% 7%)
Tints · Shades · Tones
Tints
- F0CEAF
- F2D4B8
- F3D9C1
- F5DFCA
- F7E4D2
- F9E9DB
- FAEFE4
- FCF4ED
- FDFAF6
Shades
- CFAE90
- B1957A
- 937C65
- 776451
- 5C4C3E
- 42362B
- 2A221A
- 140F0A
- 030201
Tones
- E3C2A2
- D7BA9F
- CCB39B
- C1AB97
- B6A493
- AB9D90
- A0958C
- 958E88
- 8B8784
Farbharmonien
Komplementär +180°
- EEC9A6
Peaches’n’Cream
- AFD6F8
≈ Malmö FF
Analog -30° +30°
- EEC9A6
Peaches’n’Cream
- F7C3B5
≈ Apricot Obsession
- DDD1A2
≈ Summer Solstice
Triadisch +120° +240°
- EEC9A6
Peaches’n’Cream
- A2DFD6
≈ Frosty
- DAC7F2
≈ Foggy Love
Geteilt komplementär +150° +210°
- EEC9A6
Peaches’n’Cream
- A2DCEB
≈ Non-Photo Blue
- C4CEFB
≈ Lavender Blue
Tetradisch +90° +180° +270°
- EEC9A6
Peaches’n’Cream
- B1DDBF
≈ Quantum Effect
- AFD6F8
≈ Malmö FF
- ECC2E1
≈ Starlet Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.55:1 · APCA Lc 25
Ag
AAAAuf Schwarz
WCAG 13.54:1 · APCA Lc 78
Beste Textfarbe: #000000
WCAG 13.54:1 (AAA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--peaches-n-cream: #eec9a6;
--peaches-n-cream-rgb: 238 201 166;
--peaches-n-cream-oklch: oklch(0.859 0.063 65.2);
}
.element {
color: var(--peaches-n-cream);
background-color: hsl(29 68% 79%);
border-color: oklch(0.859 0.063 65.2);
}Tailwind CSS v4
@theme {
--color-peaches-n-cream: #eec9a6;
--color-peaches-n-cream-50: #fff2e3;
--color-peaches-n-cream-100: #f7e4d2;
--color-peaches-n-cream-200: #e7d0b8;
--color-peaches-n-cream-300: #ceb296;
--color-peaches-n-cream-400: #b99778;
--color-peaches-n-cream-500: #a37e59;
--color-peaches-n-cream-600: #8a6b4c;
--color-peaches-n-cream-700: #6f553d;
--color-peaches-n-cream-800: #523e2b;
--color-peaches-n-cream-900: #392a1d;
--color-peaches-n-cream-950: #23180d;
}SCSS
$peaches-n-cream: #eec9a6;
$peaches-n-cream-rgb: 238, 201, 166;
$peaches-n-cream-light: mix(#fff, $peaches-n-cream, 20%);
$peaches-n-cream-dark: mix(#000, $peaches-n-cream, 20%);
.element {
color: $peaches-n-cream;
box-shadow: 0 0 0 2px rgba($peaches-n-cream, 0.35);
}