Cor nomeada · #F0E8D9
Angel Food
Angel Food é #F0E8D9: rgb(240 232 217), hsl(39 43% 90%), oklch(0.933 0.022 83.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Angel Food color name →
#F0E8D9
oklch(0.933 0.022 83.3)
Conversões de cor
- HEX
- #f0e8d9
- RGB
- rgb(240 232 217)
- HSL
- hsl(39 43% 90%)
- HWB
- hwb(39 85% 6%)
- OKLCH
- oklch(0.933 0.022 83.3)
- OKLab
- oklab(0.933 0.003 0.022)
- CIE Lab
- lab(92.33 0.93 8.34)
- LCH
- lch(92.33 8.39 83.6)
- CMYK
- cmyk(0% 3% 10% 6%)
Tons claros · Sombras · Tons
Tons claros
- F1EADD
- F3EDE1
- F4EFE4
- F6F1E8
- F7F3EC
- F9F6F0
- FAF8F4
- FCFAF7
- FDFDFB
Sombras
- D1CABC
- B2ACA1
- 959086
- 78746C
- 5D5953
- 43403B
- 2A2925
- 141311
- 030302
Tons
- E4DDD0
- D9D2C7
- CDC8BD
- C2BDB4
- B6B3AB
- ABA8A3
- A09E9A
- 959491
- 8B8A89
Harmonias de cor
Complementar +180°
- F0E8D9
Angel Food
- E1E9F8
≈ Husky
Análoga -30° +30°
- F0E8D9
Angel Food
- F5E5DC
≈ La Minute
- E9EBDA
≈ Spring Breeze
Tríade +120° +240°
- F0E8D9
Angel Food
- D9EEEF
≈ Lakeside Mist
- F0E4F1
≈ Holographic Lavender
Complementar dividida +150° +210°
- F0E8D9
Angel Food
- DBECF5
≈ Ice Fishing
- E9E7F7
≈ Glitter
Tétrade +90° +180° +270°
- F0E8D9
Angel Food
- DBEEE7
≈ Shattered Ice
- E1E9F8
≈ Husky
- F6E3EA
≈ Nina
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.21:1 · APCA Lc 11
Ag
AAASobre preto
WCAG 17.24:1 · APCA Lc 93
Melhor cor de texto: #000000
WCAG 17.24:1 (AAA) · APCA Lc 93
Contrast pairs
Trechos de código
CSS
:root {
--angel-food: #f0e8d9;
--angel-food-rgb: 240 232 217;
--angel-food-oklch: oklch(0.933 0.022 83.3);
}
.element {
color: var(--angel-food);
background-color: hsl(39 43% 90%);
border-color: oklch(0.933 0.022 83.3);
}Tailwind CSS v4
@theme {
--color-angel-food: #f0e8d9;
--color-angel-food-50: #f8f5ee;
--color-angel-food-100: #ebe7e0;
--color-angel-food-200: #d8d4ca;
--color-angel-food-300: #bcb7ab;
--color-angel-food-400: #a59e90;
--color-angel-food-500: #8d8576;
--color-angel-food-600: #777164;
--color-angel-food-700: #605a50;
--color-angel-food-800: #46423a;
--color-angel-food-900: #312d28;
--color-angel-food-950: #1d1a16;
}SCSS
$angel-food: #f0e8d9;
$angel-food-rgb: 240, 232, 217;
$angel-food-light: mix(#fff, $angel-food, 20%);
$angel-food-dark: mix(#000, $angel-food, 20%);
.element {
color: $angel-food;
box-shadow: 0 0 0 2px rgba($angel-food, 0.35);
}