Cor nomeada mais próxima · #FDEFE3
#FDEFE3
Cor nomeada mais próxima: Alpaca
#FDEFE3 (rgb(253 239 227), hsl(28 87% 94%), oklch(0.96 0.022 63.2)) é mais próxima da cor nomeada Alpaca. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#FDEFE3
oklch(0.96 0.022 63.2)
Conversões de cor
- HEX
- #fdefe3
- RGB
- rgb(253 239 227)
- HSL
- hsl(28 87% 94%)
- HWB
- hwb(28 89% 1%)
- OKLCH
- oklch(0.96 0.022 63.2)
- OKLab
- oklab(0.96 0.01 0.02)
- CIE Lab
- lab(95.32 3.42 7.6)
- LCH
- lch(95.32 8.34 65.8)
- CMYK
- cmyk(0% 6% 10% 1%)
Tons claros · Sombras · Tons
Tons claros
- FDF1E6
- FDF2E9
- FEF4EB
- FEF5EE
- FEF7F1
- FEF9F4
- FEFAF7
- FFFCF9
- FFFDFC
Sombras
- DCD0C5
- BCB1A8
- 9D948C
- 7F7871
- 625C57
- 47423F
- 2D2A27
- 161412
- 030303
Tons
- F0E3D9
- E3D8CE
- D6CCC4
- C9C1BA
- BDB6B0
- B0ABA6
- A4A09D
- 989593
- 8C8B89
Harmonias de cor
Complementar +180°
- FDEFE3
Alpaca
- E6F4FF
≈ Kodama White
Análoga -30° +30°
- FDEFE3
Alpaca
- FFEDE9
≈ Rose Frost
- F7F2E2
≈ Alhambra Cream
Tríade +120° +240°
- FDEFE3
Alpaca
- E3F7F3
≈ Frosty Mint
- F5EEFE
≈ Placebo Fuchsia
Complementar dividida +150° +210°
- FDEFE3
Alpaca
- E2F6FB
≈ Coastal Breeze
- EDF1FF
≈ Carte Blanche
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.12:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 18.63:1 · APCA Lc 99
Melhor cor de texto: #000000
WCAG 18.63:1 (AAA) · APCA Lc 99
Contrast pairs
Trechos de código
CSS
:root {
--alpaca: #fdefe3;
--alpaca-rgb: 253 239 227;
--alpaca-oklch: oklch(0.96 0.022 63.2);
}
.element {
color: var(--alpaca);
background-color: hsl(28 87% 94%);
border-color: oklch(0.96 0.022 63.2);
}Tailwind CSS v4
@theme {
--color-alpaca: #fdefe3;
--color-alpaca-50: #faf4ef;
--color-alpaca-100: #ede6e0;
--color-alpaca-200: #dbd3cb;
--color-alpaca-300: #c0b5ac;
--color-alpaca-400: #a89c91;
--color-alpaca-500: #918377;
--color-alpaca-600: #7b6f65;
--color-alpaca-700: #625951;
--color-alpaca-800: #48413b;
--color-alpaca-900: #322d28;
--color-alpaca-950: #1e1a16;
}SCSS
$alpaca: #fdefe3;
$alpaca-rgb: 253, 239, 227;
$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);
}