Colore con nome · #F2E8DA
Pristine
Pristine è #F2E8DA: rgb(242 232 218), hsl(35 48% 90%), oklch(0.935 0.022 76.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Pristine color name →
#F2E8DA
oklch(0.935 0.022 76.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- F3EADE
- F5EDE1
- F6EFE5
- F7F1E9
- F9F3EC
- FAF6F0
- FBF8F4
- FCFAF8
- FEFDFB
Ombre
- D2CABD
- B4ACA2
- 969087
- 79746C
- 5E5954
- 43403C
- 2B2925
- 141311
- 030302
Toni
- E6DDD1
- DAD2C7
- CEC8BE
- C3BDB5
- B7B3AC
- ACA8A3
- A19E9A
- 969491
- 8B8A89
Armonie di colore
Complementare +180°
- F2E8DA
Pristine
- E1EAF8
≈ Husky
Analogo -30° +30°
- F2E8DA
Pristine
- F7E6DE
≈ My Sweetheart
- EBEBDB
≈ Barely Pear
Triadico +120° +240°
- F2E8DA
Pristine
- DAEEEE
≈ Blue Green Rules
- EFE5F3
≈ Holographic Lavender
Complementare divisa +150° +210°
- F2E8DA
Pristine
- DBEDF5
≈ Ice Fishing
- E8E8F8
≈ Icy Lilac
Tetradico +90° +180° +270°
- F2E8DA
Pristine
- DDEEE6
≈ Wishy-Washy Lichen
- E1EAF8
≈ Husky
- F5E4EC
≈ Nina
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.21:1 · APCA Lc 10
Ag
AAASu nero
WCAG 17.33:1 · APCA Lc 94
Miglior colore del testo: #000000
WCAG 17.33:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
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);
}