Cor nomeada mais próxima · #FBF2E8
#FBF2E8
Cor nomeada mais próxima: Linen
#FBF2E8 (rgb(251 242 232), hsl(32 70% 95%), oklch(0.965 0.016 70.5)) é mais próxima da cor nomeada Linen. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#FBF2E8
oklch(0.965 0.016 70.5)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- FBF3EA
- FCF5ED
- FCF6EF
- FDF7F1
- FDF9F3
- FDFAF6
- FEFBF8
- FEFCFA
- FFFEFD
Sombras
- DAD2CA
- BAB4AC
- 9C9690
- 7E7974
- 615E59
- 464340
- 2D2B29
- 151413
- 030303
Tons
- EEE6DD
- E1DAD2
- D5CEC8
- C8C3BD
- BCB7B3
- AFACA8
- A3A19E
- 979694
- 8C8B8A
Harmonias de cor
Complementar +180°
- FBF2E8
Linen
- ECF5FF
≈ Placebo Blue
Análoga -30° +30°
Tríade +120° +240°
- FBF2E8
Linen
- E8F7F6
≈ Indigo White
- F7F1FC
≈ Cloud Break
Complementar dividida +150° +210°
- FBF2E8
Linen
- E8F6FB
≈ Clear Skies
- F1F3FF
≈ Cloud Break
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.10:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 18.96:1 · APCA Lc 100
Melhor cor de texto: #000000
WCAG 18.96:1 (AAA) · APCA Lc 100
Contrast pairs
Trechos de código
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);
}