Nächste benannte Farbe · #FBF2E8
#FBF2E8
Nächste benannte Farbe: Linen
#FBF2E8 (rgb(251 242 232), hsl(32 70% 95%), oklch(0.965 0.016 70.5)) liegt am nächsten an der benannten Farbe Linen. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#FBF2E8
oklch(0.965 0.016 70.5)
Farbumrechnungen
- HEX
- #fbf2e8
- RGB
- rgb(251 242 232)
- HSL
- hsl(32 70% 95%)
- HWB
- hwb(32 91% 2%)
- OKLCH
- oklch(0.965 0.016 70.5)
- OKLab
- oklab(0.965 0.005 0.016)
- CIE Lab
- lab(96 1.87 5.97)
- LCH
- lch(96 6.26 72.6)
- CMYK
- cmyk(0% 4% 8% 2%)
Tints · Shades · Tones
Tints
- FBF3EA
- FCF5ED
- FCF6EF
- FDF7F1
- FDF9F3
- FDFAF6
- FEFBF8
- FEFCFA
- FFFEFD
Shades
- DAD2CA
- BAB4AC
- 9C9690
- 7E7974
- 615E59
- 464340
- 2D2B29
- 151413
- 030303
Tones
- EEE6DD
- E1DAD2
- D5CEC8
- C8C3BD
- BCB7B3
- AFACA8
- A3A19E
- 979694
- 8C8B8A
Farbharmonien
Komplementär +180°
- FBF2E8
Linen
- ECF5FF
≈ Placebo Blue
Analog -30° +30°
Triadisch +120° +240°
- FBF2E8
Linen
- E8F7F6
≈ Indigo White
- F7F1FC
≈ Cloud Break
Geteilt komplementär +150° +210°
- FBF2E8
Linen
- E8F6FB
≈ Clear Skies
- F1F3FF
≈ Cloud Break
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.10:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 18.96:1 · APCA Lc 100
Beste Textfarbe: #000000
WCAG 18.96:1 (AAA) · APCA Lc 100
Contrast pairs
Code-Snippets
CSS
:root {
--linen: #fbf2e8;
--linen-rgb: 251 242 232;
--linen-oklch: oklch(0.965 0.016 70.5);
}
.element {
color: var(--linen);
background-color: hsl(32 70% 95%);
border-color: oklch(0.965 0.016 70.5);
}Tailwind CSS v4
@theme {
--color-linen: #fbf2e8;
--color-linen-50: #f8f4f0;
--color-linen-100: #ebe7e2;
--color-linen-200: #d9d3cd;
--color-linen-300: #bdb6ae;
--color-linen-400: #a59d94;
--color-linen-500: #8d857b;
--color-linen-600: #787068;
--color-linen-700: #605a53;
--color-linen-800: #46413c;
--color-linen-900: #312d29;
--color-linen-950: #1d1a17;
}SCSS
$linen: #fbf2e8;
$linen-rgb: 251, 242, 232;
$linen-light: mix(#fff, $linen, 20%);
$linen-dark: mix(#000, $linen, 20%);
.element {
color: $linen;
box-shadow: 0 0 0 2px rgba($linen, 0.35);
}