Nächste benannte Farbe · #FFF1E7
#FFF1E7
Nächste benannte Farbe: Vanilla Blush
#FFF1E7 (rgb(255 241 231), hsl(25 100% 95%), oklch(0.966 0.02 58.1)) liegt am nächsten an der benannten Farbe Vanilla Blush. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#FFF1E7
oklch(0.966 0.02 58.1)
Farbumrechnungen
- HEX
- #fff1e7
- RGB
- rgb(255 241 231)
- HSL
- hsl(25 100% 95%)
- HWB
- hwb(25 91% 0%)
- OKLCH
- oklch(0.966 0.02 58.1)
- OKLab
- oklab(0.966 0.011 0.017)
- CIE Lab
- lab(96.06 3.65 6.62)
- LCH
- lch(96.06 7.56 61.1)
- CMYK
- cmyk(0% 5% 9% 0%)
Tints · Shades · Tones
Tints
- FFF2E9
- FFF4EC
- FFF5EE
- FFF7F1
- FFF8F3
- FFF9F5
- FFFBF8
- FFFCFA
- FFFEFD
Shades
- DED2C9
- BEB3AB
- 9E958F
- 807973
- 635D59
- 484340
- 2E2B28
- 161413
- 030303
Tones
- F2E5DC
- E4D9D2
- D7CEC7
- CAC2BD
- BEB7B2
- B1ACA8
- A4A19E
- 989694
- 8C8B8A
Farbharmonien
Komplementär +180°
- FFF1E7
Vanilla Blush
- E9F6FF
≈ Kodama White
Analog -30° +30°
- FFF1E7
Vanilla Blush
- FFF0EE
≈ Sefid White
- FAF4E5
≈ Cotton Fluff
Triadisch +120° +240°
- FFF1E7
Vanilla Blush
- E6F9F4
≈ Soft Mint
- F5F2FF
≈ Cloud Break
Geteilt komplementär +150° +210°
- FFF1E7
Vanilla Blush
- E5F8FB
≈ Clear Skies
- EFF4FF
≈ Placebo Blue
Tetradisch +90° +180° +270°
- FFF1E7
Vanilla Blush
- EBF8EC
≈ Soft Petals
- E9F6FF
≈ Kodama White
- FCEFFB
≈ Partial Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.10:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 18.98:1 · APCA Lc 100
Beste Textfarbe: #000000
WCAG 18.98:1 (AAA) · APCA Lc 100
Contrast pairs
Code-Snippets
CSS
:root {
--vanilla-blush: #fff1e7;
--vanilla-blush-rgb: 255 241 231;
--vanilla-blush-oklch: oklch(0.966 0.02 58.1);
}
.element {
color: var(--vanilla-blush);
background-color: hsl(25 100% 95%);
border-color: oklch(0.966 0.02 58.1);
}Tailwind CSS v4
@theme {
--color-vanilla-blush: #fff1e7;
--color-vanilla-blush-50: #faf4ef;
--color-vanilla-blush-100: #ede6e1;
--color-vanilla-blush-200: #dbd2cc;
--color-vanilla-blush-300: #bfb5ad;
--color-vanilla-blush-400: #a89c93;
--color-vanilla-blush-500: #918379;
--color-vanilla-blush-600: #7b6f67;
--color-vanilla-blush-700: #625952;
--color-vanilla-blush-800: #48413c;
--color-vanilla-blush-900: #322d29;
--color-vanilla-blush-950: #1e1a17;
}SCSS
$vanilla-blush: #fff1e7;
$vanilla-blush-rgb: 255, 241, 231;
$vanilla-blush-light: mix(#fff, $vanilla-blush, 20%);
$vanilla-blush-dark: mix(#000, $vanilla-blush, 20%);
.element {
color: $vanilla-blush;
box-shadow: 0 0 0 2px rgba($vanilla-blush, 0.35);
}