Benannte Farbe · #F3E7DB
Alabaster
Alabaster ist #F3E7DB: rgb(243 231 219), hsl(30 50% 91%), oklch(0.934 0.021 67.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Alabaster color name →
#F3E7DB
oklch(0.934 0.021 67.6)
Farbumrechnungen
- HEX
- #f3e7db
- RGB
- rgb(243 231 219)
- HSL
- hsl(30 50% 91%)
- HWB
- hwb(30 86% 5%)
- OKLCH
- oklch(0.934 0.021 67.6)
- OKLab
- oklab(0.934 0.008 0.019)
- CIE Lab
- lab(92.36 2.73 7.39)
- LCH
- lch(92.36 7.88 69.8)
- CMYK
- cmyk(0% 5% 10% 5%)
Tints · Shades · Tones
Tints
- F4E9DF
- F5ECE2
- F7EEE6
- F8F1E9
- F9F3ED
- FAF5F1
- FBF8F4
- FDFAF8
- FEFDFB
Shades
- D3C9BE
- B4ABA2
- 978F87
- 7A736D
- 5E5954
- 44403C
- 2B2826
- 141311
- 030302
Tones
- E7DCD2
- DBD2C8
- CFC7BF
- C3BCB6
- B8B2AC
- ACA8A3
- A19E9A
- 969491
- 8B8A89
Farbharmonien
Komplementär +180°
- F3E7DB
Alabaster
- DFEBF7
≈ Husky
Analog -30° +30°
- F3E7DB
Alabaster
- F7E5E0
≈ Discreet Romance
- EDEADA
≈ Nesting Dove
Triadisch +120° +240°
- F3E7DB
Alabaster
- DBEEEC
≈ Blue Green Rules
- EDE6F4
≈ Tranquil Eve
Geteilt komplementär +150° +210°
- F3E7DB
Alabaster
- DBEDF2
≈ Ice Fishing
- E5E8F7
≈ Icy Lilac
Tetradisch +90° +180° +270°
- F3E7DB
Alabaster
- DFEEE4
≈ Wishy-Washy Lichen
- DFEBF7
≈ Husky
- F3E4EE
≈ Nina
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.21:1 · APCA Lc 11
Ag
AAAAuf Schwarz
WCAG 17.26:1 · APCA Lc 93
Beste Textfarbe: #000000
WCAG 17.26:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--alabaster: #f3e7db;
--alabaster-rgb: 243 231 219;
--alabaster-oklch: oklch(0.934 0.021 67.6);
}
.element {
color: var(--alabaster);
background-color: hsl(30 50% 91%);
border-color: oklch(0.934 0.021 67.6);
}Tailwind CSS v4
@theme {
--color-alabaster: #f3e7db;
--color-alabaster-50: #f9f4ef;
--color-alabaster-100: #ece7e1;
--color-alabaster-200: #dad3cb;
--color-alabaster-300: #bfb6ac;
--color-alabaster-400: #a79c92;
--color-alabaster-500: #908478;
--color-alabaster-600: #7a7066;
--color-alabaster-700: #615951;
--color-alabaster-800: #48413b;
--color-alabaster-900: #322d28;
--color-alabaster-950: #1e1a16;
}SCSS
$alabaster: #f3e7db;
$alabaster-rgb: 243, 231, 219;
$alabaster-light: mix(#fff, $alabaster, 20%);
$alabaster-dark: mix(#000, $alabaster, 20%);
.element {
color: $alabaster;
box-shadow: 0 0 0 2px rgba($alabaster, 0.35);
}