Colore con nome · #F3ECE1
Bleached Linen
Bleached Linen è #F3ECE1: rgb(243 236 225), hsl(37 43% 92%), oklch(0.946 0.016 79.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Bleached Linen color name →
#F3ECE1
oklch(0.946 0.016 79.4)
Conversioni di colore
- HEX
- #f3ece1
- RGB
- rgb(243 236 225)
- HSL
- hsl(37 43% 92%)
- HWB
- hwb(37 88% 5%)
- OKLCH
- oklch(0.946 0.016 79.4)
- OKLab
- oklab(0.946 0.003 0.016)
- CIE Lab
- lab(93.73 1.05 6.23)
- LCH
- lch(93.73 6.32 80.4)
- CMYK
- cmyk(0% 3% 7% 5%)
Tinte · Ombre · Toni
Tinte
- F4EEE4
- F5F0E7
- F7F2EA
- F8F4ED
- F9F5F0
- FAF7F3
- FBF9F6
- FDFBF9
- FEFDFC
Ombre
- D3CDC4
- B4AFA7
- 97928B
- 7A7670
- 5E5B56
- 44423E
- 2B2927
- 141312
- 030302
Toni
- E7E1D7
- DBD5CD
- CFCAC3
- C3BFB9
- B8B4AF
- ACAAA6
- A19F9C
- 969593
- 8B8A89
Armonie di colore
Complementare +180°
- F3ECE1
Bleached Linen
- E7EEF8
≈ First Snow
Analogo -30° +30°
- F3ECE1
Bleached Linen
- F7EAE3
≈ Hush Pink
- EDEEE2
≈ Raffia White
Triadico +120° +240°
- F3ECE1
Bleached Linen
- E1F1F1
≈ Bone-Chilling
- F2EAF4
≈ Perfume Haze
Complementare divisa +150° +210°
- F3ECE1
Bleached Linen
- E2EFF6
≈ Diamond White
- ECEBF8
≈ Silver Phoenix
Tetradico +90° +180° +270°
- F3ECE1
Bleached Linen
- E3F1EB
≈ Opera Glass
- E7EEF8
≈ First Snow
- F6E9EF
≈ Snow Plum
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.17:1 · APCA Lc 8
Ag
AAASu nero
WCAG 17.89:1 · APCA Lc 96
Miglior colore del testo: #000000
WCAG 17.89:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
CSS
:root {
--bleached-linen: #f3ece1;
--bleached-linen-rgb: 243 236 225;
--bleached-linen-oklch: oklch(0.946 0.016 79.4);
}
.element {
color: var(--bleached-linen);
background-color: hsl(37 43% 92%);
border-color: oklch(0.946 0.016 79.4);
}Tailwind CSS v4
@theme {
--color-bleached-linen: #f3ece1;
--color-bleached-linen-50: #f7f5f0;
--color-bleached-linen-100: #ebe7e2;
--color-bleached-linen-200: #d8d4cc;
--color-bleached-linen-300: #bcb7ae;
--color-bleached-linen-400: #a49d94;
--color-bleached-linen-500: #8c857a;
--color-bleached-linen-600: #777168;
--color-bleached-linen-700: #5f5a53;
--color-bleached-linen-800: #46423c;
--color-bleached-linen-900: #302d29;
--color-bleached-linen-950: #1c1a17;
}SCSS
$bleached-linen: #f3ece1;
$bleached-linen-rgb: 243, 236, 225;
$bleached-linen-light: mix(#fff, $bleached-linen, 20%);
$bleached-linen-dark: mix(#000, $bleached-linen, 20%);
.element {
color: $bleached-linen;
box-shadow: 0 0 0 2px rgba($bleached-linen, 0.35);
}