Color con nombre más cercano · #F6EFEA
#F6EFEA
Color con nombre más cercano: Silver Bird
#F6EFEA (rgb(246 239 234), hsl(25 40% 94%), oklch(0.956 0.01 58.2)) se parece más al color con nombre Silver Bird. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#F6EFEA
oklch(0.956 0.01 58.2)
Conversiones de color
- HEX
- #f6efea
- RGB
- rgb(246 239 234)
- HSL
- hsl(25 40% 94%)
- HWB
- hwb(25 92% 4%)
- OKLCH
- oklch(0.956 0.01 58.2)
- OKLab
- oklab(0.956 0.005 0.009)
- CIE Lab
- lab(94.9 1.79 3.3)
- LCH
- lch(94.9 3.76 61.5)
- CMYK
- cmyk(0% 3% 5% 4%)
Tintes · Sombras · Tonos
Tintes
- F7F1EC
- F8F2EE
- F9F4F0
- FAF5F2
- FBF7F4
- FBF9F7
- FCFAF9
- FDFCFB
- FEFDFD
Sombras
- D6D0CB
- B7B1AE
- 989491
- 7B7875
- 5F5C5A
- 454241
- 2C2A29
- 151413
- 030303
Tonos
- EAE3DF
- DDD8D4
- D1CCC9
- C5C1BE
- B9B6B4
- ADABA9
- A2A09F
- 969594
- 8B8B8A
Armonías de color
Complementario +180°
- F6EFEA
Silver Bird
- EBF2F7
≈ Airport
Análogo -30° +30°
- F6EFEA
Silver Bird
- F7EEED
≈ Grannie’s Pearls
- F3F0E9
≈ Latte Froth
Triádico +120° +240°
- F6EFEA
Silver Bird
- EAF3F0
≈ Warp Drive
- F1EFF7
≈ Alpine Goat
Complementario dividido +150° +210°
- F6EFEA
Silver Bird
- E9F3F4
≈ Warp Drive
- EDF0F8
≈ Airport
Tetrádico +90° +180° +270°
- F6EFEA
Silver Bird
- ECF2ED
≈ Cascade White
- EBF2F7
≈ Airport
- F4EEF4
≈ Sentimental Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.13:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 18.45:1 · APCA Lc 98
Mejor color de texto: #000000
WCAG 18.45:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmentos de código
CSS
:root {
--silver-bird: #f6efea;
--silver-bird-rgb: 246 239 234;
--silver-bird-oklch: oklch(0.956 0.01 58.2);
}
.element {
color: var(--silver-bird);
background-color: hsl(25 40% 94%);
border-color: oklch(0.956 0.01 58.2);
}Tailwind CSS v4
@theme {
--color-silver-bird: #f6efea;
--color-silver-bird-50: #f7f4f2;
--color-silver-bird-100: #eae7e4;
--color-silver-bird-200: #d8d3d0;
--color-silver-bird-300: #bbb6b2;
--color-silver-bird-400: #a39d99;
--color-silver-bird-500: #8c8580;
--color-silver-bird-600: #76706c;
--color-silver-bird-700: #5e5a56;
--color-silver-bird-800: #45413f;
--color-silver-bird-900: #302d2b;
--color-silver-bird-950: #1c1a19;
}SCSS
$silver-bird: #f6efea;
$silver-bird-rgb: 246, 239, 234;
$silver-bird-light: mix(#fff, $silver-bird, 20%);
$silver-bird-dark: mix(#000, $silver-bird, 20%);
.element {
color: $silver-bird;
box-shadow: 0 0 0 2px rgba($silver-bird, 0.35);
}