Benannte Farbe · #F2E8DA
Pristine
Pristine ist #F2E8DA: rgb(242 232 218), hsl(35 48% 90%), oklch(0.935 0.022 76.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Pristine color name →
#F2E8DA
oklch(0.935 0.022 76.5)
Farbumrechnungen
- HEX
- #f2e8da
- RGB
- rgb(242 232 218)
- HSL
- hsl(35 48% 90%)
- HWB
- hwb(35 85% 5%)
- OKLCH
- oklch(0.935 0.022 76.5)
- OKLab
- oklab(0.935 0.005 0.021)
- CIE Lab
- lab(92.51 1.77 8.11)
- LCH
- lch(92.51 8.3 77.7)
- CMYK
- cmyk(0% 4% 10% 5%)
Tints · Shades · Tones
Tints
- F3EADE
- F5EDE1
- F6EFE5
- F7F1E9
- F9F3EC
- FAF6F0
- FBF8F4
- FCFAF8
- FEFDFB
Shades
- D2CABD
- B4ACA2
- 969087
- 79746C
- 5E5954
- 43403C
- 2B2925
- 141311
- 030302
Tones
- E6DDD1
- DAD2C7
- CEC8BE
- C3BDB5
- B7B3AC
- ACA8A3
- A19E9A
- 969491
- 8B8A89
Farbharmonien
Komplementär +180°
- F2E8DA
Pristine
- E1EAF8
≈ Husky
Analog -30° +30°
- F2E8DA
Pristine
- F7E6DE
≈ My Sweetheart
- EBEBDB
≈ Barely Pear
Triadisch +120° +240°
- F2E8DA
Pristine
- DAEEEE
≈ Blue Green Rules
- EFE5F3
≈ Holographic Lavender
Geteilt komplementär +150° +210°
- F2E8DA
Pristine
- DBEDF5
≈ Ice Fishing
- E8E8F8
≈ Icy Lilac
Tetradisch +90° +180° +270°
- F2E8DA
Pristine
- DDEEE6
≈ Wishy-Washy Lichen
- E1EAF8
≈ Husky
- F5E4EC
≈ Nina
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.21:1 · APCA Lc 10
Ag
AAAAuf Schwarz
WCAG 17.33:1 · APCA Lc 94
Beste Textfarbe: #000000
WCAG 17.33:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--pristine: #f2e8da;
--pristine-rgb: 242 232 218;
--pristine-oklch: oklch(0.935 0.022 76.5);
}
.element {
color: var(--pristine);
background-color: hsl(35 48% 90%);
border-color: oklch(0.935 0.022 76.5);
}Tailwind CSS v4
@theme {
--color-pristine: #f2e8da;
--color-pristine-50: #f9f4ee;
--color-pristine-100: #ece7e0;
--color-pristine-200: #d9d3ca;
--color-pristine-300: #bdb6ab;
--color-pristine-400: #a69d91;
--color-pristine-500: #8f8577;
--color-pristine-600: #797065;
--color-pristine-700: #605a50;
--color-pristine-800: #47413a;
--color-pristine-900: #312d28;
--color-pristine-950: #1d1a16;
}SCSS
$pristine: #f2e8da;
$pristine-rgb: 242, 232, 218;
$pristine-light: mix(#fff, $pristine, 20%);
$pristine-dark: mix(#000, $pristine, 20%);
.element {
color: $pristine;
box-shadow: 0 0 0 2px rgba($pristine, 0.35);
}