Color con nombre · #FAEEDB
Antique Linen
Antique Linen es #FAEEDB: rgb(250 238 219), hsl(37 76% 92%), oklch(0.954 0.028 79.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Antique Linen color name →
#FAEEDB
oklch(0.954 0.028 79.5)
Conversiones de color
- HEX
- #faeedb
- RGB
- rgb(250 238 219)
- HSL
- hsl(37 76% 92%)
- HWB
- hwb(37 86% 2%)
- OKLCH
- oklch(0.954 0.028 79.5)
- OKLab
- oklab(0.954 0.005 0.028)
- CIE Lab
- lab(94.68 1.88 10.76)
- LCH
- lch(94.68 10.92 80.1)
- CMYK
- cmyk(0% 5% 12% 2%)
Tintes · Sombras · Tonos
Tintes
- FBF0DF
- FBF1E2
- FCF3E6
- FCF5E9
- FDF7ED
- FDF8F1
- FEFAF4
- FEFCF8
- FFFDFB
Sombras
- D9CFBE
- BAB1A2
- 9B9387
- 7D776D
- 615C54
- 46423C
- 2D2A26
- 151411
- 030302
Tonos
- EDE2D2
- E0D7C8
- D4CCBF
- C7C1B6
- BBB5AC
- AFABA3
- A3A09A
- 979592
- 8C8A89
Armonías de color
Complementario +180°
- FAEEDB
Antique Linen
- E7F0FF
≈ Brilliant White
Análogo -30° +30°
- FAEEDB
Antique Linen
- FFEBE1
≈ Pink Glow
- F0F2DC
≈ Fragile Fern
Triádico +120° +240°
- FAEEDB
Antique Linen
- DBF6F7
≈ Fishious Rend
- F8EAFC
≈ Placebo Fuchsia
Complementario dividido +150° +210°
- FAEEDB
Antique Linen
- DEF4FF
≈ Wizard White
- EFEDFF
≈ Foundation White
Tetrádico +90° +180° +270°
- FAEEDB
Antique Linen
- DEF6EC
≈ Treacherous Blizzard
- E7F0FF
≈ Brilliant White
- FFE9F2
≈ Fairy Dust
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.14:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 18.31:1 · APCA Lc 98
Mejor color de texto: #000000
WCAG 18.31:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmentos de código
CSS
:root {
--antique-linen: #faeedb;
--antique-linen-rgb: 250 238 219;
--antique-linen-oklch: oklch(0.954 0.028 79.5);
}
.element {
color: var(--antique-linen);
background-color: hsl(37 76% 92%);
border-color: oklch(0.954 0.028 79.5);
}Tailwind CSS v4
@theme {
--color-antique-linen: #faeedb;
--color-antique-linen-50: #f9f4ec;
--color-antique-linen-100: #ede7de;
--color-antique-linen-200: #dad3c7;
--color-antique-linen-300: #bfb6a8;
--color-antique-linen-400: #a79d8c;
--color-antique-linen-500: #908471;
--color-antique-linen-600: #7a7060;
--color-antique-linen-700: #625a4d;
--color-antique-linen-800: #484138;
--color-antique-linen-900: #322d26;
--color-antique-linen-950: #1e1a14;
}SCSS
$antique-linen: #faeedb;
$antique-linen-rgb: 250, 238, 219;
$antique-linen-light: mix(#fff, $antique-linen, 20%);
$antique-linen-dark: mix(#000, $antique-linen, 20%);
.element {
color: $antique-linen;
box-shadow: 0 0 0 2px rgba($antique-linen, 0.35);
}