Cor nomeada mais próxima · #FAEBDE
#FAEBDE
Cor nomeada mais próxima: Alpaca
#FAEBDE (rgb(250 235 222), hsl(28 74% 93%), oklch(0.948 0.024 63.5)) é mais próxima da cor nomeada Alpaca. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#FAEBDE
oklch(0.948 0.024 63.5)
Conversões de cor
- HEX
- #faebde
- RGB
- rgb(250 235 222)
- HSL
- hsl(28 74% 93%)
- HWB
- hwb(28 87% 2%)
- OKLCH
- oklch(0.948 0.024 63.5)
- OKLab
- oklab(0.948 0.011 0.021)
- CIE Lab
- lab(93.99 3.67 8.25)
- LCH
- lch(93.99 9.03 66)
- CMYK
- cmyk(0% 6% 11% 2%)
Tons claros · Sombras · Tons
Tons claros
- FBEDE1
- FBEFE5
- FCF1E8
- FCF3EB
- FDF5EE
- FDF7F2
- FEF9F5
- FEFBF8
- FFFDFC
Sombras
- D9CCC1
- BAAEA5
- 9B9189
- 7D756F
- 615B55
- 46413D
- 2D2926
- 151312
- 030302
Tons
- EDE0D4
- E0D5CA
- D4CAC1
- C7BFB7
- BBB4AE
- AFA9A5
- A39F9B
- 979492
- 8C8A89
Harmonias de cor
Complementar +180°
- FAEBDE
Alpaca
- E1F0FD
≈ Wizard White
Análoga -30° +30°
- FAEBDE
Alpaca
- FEE9E4
≈ Quartz Light Pink
- F3EEDC
≈ Spice Ivory
Tríade +120° +240°
- FAEBDE
Alpaca
- DDF4EF
≈ Glacier Bay
- F1EAFC
≈ Placebo Purple
Complementar dividida +150° +210°
- FAEBDE
Alpaca
- DDF3F8
≈ Coastal Breeze
- E8EDFF
≈ Brilliant White
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.16:1 · APCA Lc 8
Ag
AAASobre preto
WCAG 18.00:1 · APCA Lc 96
Melhor cor de texto: #000000
WCAG 18.00:1 (AAA) · APCA Lc 96
Contrast pairs
Trechos de código
CSS
:root {
--alpaca: #faebde;
--alpaca-rgb: 250 235 222;
--alpaca-oklch: oklch(0.948 0.024 63.5);
}
.element {
color: var(--alpaca);
background-color: hsl(28 74% 93%);
border-color: oklch(0.948 0.024 63.5);
}Tailwind CSS v4
@theme {
--color-alpaca: #faebde;
--color-alpaca-50: #faf4ee;
--color-alpaca-100: #eee6e0;
--color-alpaca-200: #dcd2ca;
--color-alpaca-300: #c0b5ab;
--color-alpaca-400: #a99c90;
--color-alpaca-500: #928376;
--color-alpaca-600: #7b6f64;
--color-alpaca-700: #635950;
--color-alpaca-800: #49413a;
--color-alpaca-900: #322d28;
--color-alpaca-950: #1e1a16;
}SCSS
$alpaca: #faebde;
$alpaca-rgb: 250, 235, 222;
$alpaca-light: mix(#fff, $alpaca, 20%);
$alpaca-dark: mix(#000, $alpaca, 20%);
.element {
color: $alpaca;
box-shadow: 0 0 0 2px rgba($alpaca, 0.35);
}