Nächste benannte Farbe · #FCF1E6
#FCF1E6
Nächste benannte Farbe: Linen
#FCF1E6 (rgb(252 241 230), hsl(30 79% 95%), oklch(0.964 0.019 67.6)) liegt am nächsten an der benannten Farbe Linen. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#FCF1E6
oklch(0.964 0.019 67.6)
Farbumrechnungen
- HEX
- #fcf1e6
- RGB
- rgb(252 241 230)
- HSL
- hsl(30 79% 95%)
- HWB
- hwb(30 90% 1%)
- OKLCH
- oklch(0.964 0.019 67.6)
- OKLab
- oklab(0.964 0.007 0.017)
- CIE Lab
- lab(95.79 2.46 6.72)
- LCH
- lch(95.79 7.16 69.9)
- CMYK
- cmyk(0% 4% 9% 1%)
Tints · Shades · Tones
Tints
- FCF2E8
- FDF4EB
- FDF5ED
- FDF7F0
- FEF8F2
- FEF9F5
- FEFBF7
- FEFCFA
- FFFEFC
Shades
- DBD2C8
- BBB3AB
- 9C958E
- 7E7973
- 625D59
- 474340
- 2D2B28
- 161413
- 030303
Tones
- EFE5DB
- E2D9D1
- D5CEC6
- C9C2BC
- BCB7B2
- B0ACA8
- A4A19D
- 989694
- 8C8B8A
Farbharmonien
Komplementär +180°
- FCF1E6
Linen
- EAF5FF
≈ Placebo Blue
Analog -30° +30°
- FCF1E6
Linen
- FFEFEA
≈ Strawberry Dust
- F6F3E5
≈ Dear Reader
Triadisch +120° +240°
- FCF1E6
Linen
- E6F7F5
≈ Melting Glacier
- F6F0FD
≈ Cloud Break
Geteilt komplementär +150° +210°
- FCF1E6
Linen
- E6F6FC
≈ Kodama White
- F0F2FF
≈ Cloud Break
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.11:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 18.86:1 · APCA Lc 100
Beste Textfarbe: #000000
WCAG 18.86:1 (AAA) · APCA Lc 100
Contrast pairs
Code-Snippets
CSS
:root {
--linen: #fcf1e6;
--linen-rgb: 252 241 230;
--linen-oklch: oklch(0.964 0.019 67.6);
}
.element {
color: var(--linen);
background-color: hsl(30 79% 95%);
border-color: oklch(0.964 0.019 67.6);
}Tailwind CSS v4
@theme {
--color-linen: #fcf1e6;
--color-linen-50: #f9f4ef;
--color-linen-100: #ece7e1;
--color-linen-200: #dad3cc;
--color-linen-300: #beb6ad;
--color-linen-400: #a69d93;
--color-linen-500: #8f8479;
--color-linen-600: #797067;
--color-linen-700: #615952;
--color-linen-800: #47413c;
--color-linen-900: #312d29;
--color-linen-950: #1d1a17;
}SCSS
$linen: #fcf1e6;
$linen-rgb: 252, 241, 230;
$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);
}