Benannte Farbe · #FAEAE1
Pure Frost
Pure Frost ist #FAEAE1: rgb(250 234 225), hsl(22 71% 93%), oklch(0.947 0.021 51.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Pure Frost color name →
#FAEAE1
oklch(0.947 0.021 51.5)
Farbumrechnungen
- HEX
- #faeae1
- RGB
- rgb(250 234 225)
- HSL
- hsl(22 71% 93%)
- HWB
- hwb(22 88% 2%)
- OKLCH
- oklch(0.947 0.021 51.5)
- OKLab
- oklab(0.947 0.013 0.017)
- CIE Lab
- lab(93.8 4.51 6.44)
- LCH
- lch(93.8 7.86 55)
- CMYK
- cmyk(0% 6% 10% 2%)
Tints · Shades · Tones
Tints
- FBECE4
- FBEEE7
- FCF0EA
- FCF2ED
- FDF4F0
- FDF7F3
- FEF9F6
- FEFBF9
- FFFDFC
Shades
- D9CBC4
- BAAEA7
- 9B918B
- 7D7570
- 615A56
- 46413E
- 2D2927
- 151312
- 030302
Tones
- EDDFD7
- E0D4CD
- D4C9C3
- C7BEB9
- BBB4AF
- AFA9A6
- A39F9C
- 979493
- 8C8A89
Farbharmonien
Komplementär +180°
- FAEAE1
Pure Frost
- E0F1FA
≈ Wizard White
Analog -30° +30°
- FAEAE1
Pure Frost
- FCE8E7
≈ Unburdened Pink
- F5EDDE
≈ Vapour Trail
Triadisch +120° +240°
- FAEAE1
Pure Frost
- E0F3EC
≈ Glacier Bay
- EDEBFB
≈ Placebo Purple
Geteilt komplementär +150° +210°
- FAEAE1
Pure Frost
- DEF2F3
≈ Bone-Chilling
- E6EEFC
≈ Cotton Boll
Tetradisch +90° +180° +270°
- FAEAE1
Pure Frost
- E6F1E4
≈ Quark White
- E0F1FA
≈ Wizard White
- F5E9F6
≈ Perfume Haze
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.17:1 · APCA Lc 8
Ag
AAAAuf Schwarz
WCAG 17.92:1 · APCA Lc 96
Beste Textfarbe: #000000
WCAG 17.92:1 (AAA) · APCA Lc 96
Contrast pairs
Code-Snippets
CSS
:root {
--pure-frost: #faeae1;
--pure-frost-rgb: 250 234 225;
--pure-frost-oklch: oklch(0.947 0.021 51.5);
}
.element {
color: var(--pure-frost);
background-color: hsl(22 71% 93%);
border-color: oklch(0.947 0.021 51.5);
}Tailwind CSS v4
@theme {
--color-pure-frost: #faeae1;
--color-pure-frost-50: #faf4f0;
--color-pure-frost-100: #eee6e1;
--color-pure-frost-200: #dcd2cc;
--color-pure-frost-300: #c1b5ad;
--color-pure-frost-400: #a99b93;
--color-pure-frost-500: #92837a;
--color-pure-frost-600: #7c6f67;
--color-pure-frost-700: #635852;
--color-pure-frost-800: #49403c;
--color-pure-frost-900: #322c29;
--color-pure-frost-950: #1e1917;
}SCSS
$pure-frost: #faeae1;
$pure-frost-rgb: 250, 234, 225;
$pure-frost-light: mix(#fff, $pure-frost, 20%);
$pure-frost-dark: mix(#000, $pure-frost, 20%);
.element {
color: $pure-frost;
box-shadow: 0 0 0 2px rgba($pure-frost, 0.35);
}