Cor nomeada · #F4DED3
Ambrosia Salad
Ambrosia Salad é #F4DED3: rgb(244 222 211), hsl(20 60% 89%), oklch(0.915 0.029 48.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Ambrosia Salad color name →
#F4DED3
oklch(0.915 0.029 48.4)
Conversões de cor
- HEX
- #f4ded3
- RGB
- rgb(244 222 211)
- HSL
- hsl(20 60% 89%)
- HWB
- hwb(20 83% 4%)
- OKLCH
- oklch(0.915 0.029 48.4)
- OKLab
- oklab(0.915 0.019 0.021)
- CIE Lab
- lab(90.06 6.5 8.3)
- LCH
- lch(90.06 10.54 51.9)
- CMYK
- cmyk(0% 9% 14% 4%)
Tons claros · Sombras · Tons
Tons claros
- F5E1D7
- F6E5DC
- F7E8E0
- F9EBE4
- FAEEE9
- FBF2ED
- FCF5F2
- FDF8F6
- FEFCFB
Sombras
- D4C1B7
- B5A59C
- 978982
- 7A6F69
- 5E5551
- 443D3A
- 2B2624
- 141210
- 030202
Tons
- E8D4CA
- DCCAC2
- D0C1B9
- C4B7B1
- B8AEA9
- ADA4A0
- A19B98
- 969290
- 8B8988
Harmonias de cor
Complementar +180°
- F4DED3
Ambrosia Salad
- D0E7F2
≈ On Thin Ice
Análoga -30° +30°
- F4DED3
Ambrosia Salad
- F6DCDC
≈ In Your Dreams
- EEE1CE
≈ Victorian Lace
Tríade +120° +240°
- F4DED3
Ambrosia Salad
- D2EAE0
≈ Icy Glacier
- E2E1F6
≈ Lingering Lilac
Complementar dividida +150° +210°
- F4DED3
Ambrosia Salad
- CEE9EA
≈ Field Frost
- D8E4F7
≈ Aquarelle Purple
Tétrade +90° +180° +270°
- F4DED3
Ambrosia Salad
- DAE8D6
≈ Little Sprout
- D0E7F2
≈ On Thin Ice
- EBDDF0
≈ Divine Dove
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.29:1 · APCA Lc 15
Ag
AAASobre preto
WCAG 16.23:1 · APCA Lc 89
Melhor cor de texto: #000000
WCAG 16.23:1 (AAA) · APCA Lc 89
Contrast pairs
Trechos de código
CSS
:root {
--ambrosia-salad: #f4ded3;
--ambrosia-salad-rgb: 244 222 211;
--ambrosia-salad-oklch: oklch(0.915 0.029 48.4);
}
.element {
color: var(--ambrosia-salad);
background-color: hsl(20 60% 89%);
border-color: oklch(0.915 0.029 48.4);
}Tailwind CSS v4
@theme {
--color-ambrosia-salad: #f4ded3;
--color-ambrosia-salad-50: #fcf3ee;
--color-ambrosia-salad-100: #f0e5e0;
--color-ambrosia-salad-200: #dfd1ca;
--color-ambrosia-salad-300: #c4b4ab;
--color-ambrosia-salad-400: #ad9a90;
--color-ambrosia-salad-500: #978176;
--color-ambrosia-salad-600: #7f6d64;
--color-ambrosia-salad-700: #665750;
--color-ambrosia-salad-800: #4b403a;
--color-ambrosia-salad-900: #342c28;
--color-ambrosia-salad-950: #201916;
}SCSS
$ambrosia-salad: #f4ded3;
$ambrosia-salad-rgb: 244, 222, 211;
$ambrosia-salad-light: mix(#fff, $ambrosia-salad, 20%);
$ambrosia-salad-dark: mix(#000, $ambrosia-salad, 20%);
.element {
color: $ambrosia-salad;
box-shadow: 0 0 0 2px rgba($ambrosia-salad, 0.35);
}