Cor nomeada mais próxima · #F8EFDF
#F8EFDF
Cor nomeada mais próxima: Birch White
#F8EFDF (rgb(248 239 223), hsl(38 64% 92%), oklch(0.955 0.023 82.1)) é mais próxima da cor nomeada Birch White. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#F8EFDF
oklch(0.955 0.023 82.1)
Conversões de cor
- HEX
- #f8efdf
- RGB
- rgb(248 239 223)
- HSL
- hsl(38 64% 92%)
- HWB
- hwb(38 87% 3%)
- OKLCH
- oklch(0.955 0.023 82.1)
- OKLab
- oklab(0.955 0.003 0.023)
- CIE Lab
- lab(94.84 1.16 8.9)
- LCH
- lch(94.84 8.98 82.6)
- CMYK
- cmyk(0% 4% 10% 3%)
Tons claros · Sombras · Tons
Tons claros
- F9F1E2
- F9F2E5
- FAF4E9
- FBF5EC
- FCF7EF
- FCF9F2
- FDFAF5
- FEFCF9
- FEFDFC
Sombras
- D8D0C2
- B8B1A5
- 9A948A
- 7C786F
- 605C56
- 45423D
- 2C2A27
- 151412
- 030302
Tons
- EBE3D5
- DFD8CB
- D3CCC2
- C6C1B8
- BAB6AE
- AEABA5
- A2A09C
- 979592
- 8B8B89
Harmonias de cor
Complementar +180°
- F8EFDF
Birch White
- E8F1FF
≈ Cotton Boll
Análoga -30° +30°
- F8EFDF
Birch White
- FEECE2
≈ Pink Glow
- F0F2E0
≈ Belyi White
Tríade +120° +240°
- F8EFDF
Birch White
- DFF5F7
≈ Coastal Breeze
- F8EBFA
≈ Placebo Fuchsia
Complementar dividida +150° +210°
- F8EFDF
Birch White
- E1F3FD
≈ Wizard White
- F0EEFF
≈ Foundation White
Tétrade +90° +180° +270°
- F8EFDF
Birch White
- E1F6EE
≈ Frosty Mint
- E8F1FF
≈ Cotton Boll
- FEEAF2
≈ Fairy Wings
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.14:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 18.40:1 · APCA Lc 98
Melhor cor de texto: #000000
WCAG 18.40:1 (AAA) · APCA Lc 98
Contrast pairs
Trechos de código
CSS
:root {
--birch-white: #f8efdf;
--birch-white-rgb: 248 239 223;
--birch-white-oklch: oklch(0.955 0.023 82.1);
}
.element {
color: var(--birch-white);
background-color: hsl(38 64% 92%);
border-color: oklch(0.955 0.023 82.1);
}Tailwind CSS v4
@theme {
--color-birch-white: #f8efdf;
--color-birch-white-50: #f8f5ee;
--color-birch-white-100: #ebe7df;
--color-birch-white-200: #d9d4c9;
--color-birch-white-300: #bdb7aa;
--color-birch-white-400: #a59d8f;
--color-birch-white-500: #8e8575;
--color-birch-white-600: #787163;
--color-birch-white-700: #605a4f;
--color-birch-white-800: #474239;
--color-birch-white-900: #312d27;
--color-birch-white-950: #1d1a15;
}SCSS
$birch-white: #f8efdf;
$birch-white-rgb: 248, 239, 223;
$birch-white-light: mix(#fff, $birch-white, 20%);
$birch-white-dark: mix(#000, $birch-white, 20%);
.element {
color: $birch-white;
box-shadow: 0 0 0 2px rgba($birch-white, 0.35);
}