Cor nomeada · #DAE2B2
Frosty Margarita
Frosty Margarita é #DAE2B2: rgb(218 226 178), hsl(70 45% 79%), oklch(0.895 0.064 115.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Frosty Margarita color name →
#DAE2B2
oklch(0.895 0.064 115.4)
Conversões de cor
- HEX
- #dae2b2
- RGB
- rgb(218 226 178)
- HSL
- hsl(70 45% 79%)
- HWB
- hwb(70 70% 11%)
- OKLCH
- oklch(0.895 0.064 115.4)
- OKLab
- oklab(0.895 -0.027 0.058)
- CIE Lab
- lab(88.36 -8.68 22.62)
- LCH
- lch(88.36 24.23 111)
- CMYK
- cmyk(4% 0% 21% 11%)
Tons claros · Sombras · Tons
Tons claros
- DEE5BA
- E1E8C2
- E5EBC9
- E9EED1
- ECF1D9
- F0F4E0
- F4F6E8
- F7F9F0
- FBFCF7
Sombras
- BDC49A
- A2A883
- 878C6D
- 6C7157
- 545743
- 3C3E2F
- 25271D
- 11120C
- 020301
Tons
- D1D8AD
- C7CEA8
- BEC4A3
- B5BA9E
- ACB099
- A3A694
- 9A9C8F
- 91938A
- 898985
Harmonias de cor
Complementar +180°
- DAE2B2
Frosty Margarita
- DFD5FF
≈ Pale Lavender
Análoga -30° +30°
- DAE2B2
Frosty Margarita
- F0DAAC
≈ Vinaigrette
- C3E8C3
≈ Lime Sorbet
Tríade +120° +240°
- DAE2B2
Frosty Margarita
- B7E3FF
≈ Frozen Landscape
- FFCCDE
≈ Linnet Egg Red
Complementar dividida +150° +210°
- DAE2B2
Frosty Margarita
- CCDCFF
≈ Arc Light
- F3CEF4
≈ Bubblegum Crisis
Tétrade +90° +180° +270°
- DAE2B2
Frosty Margarita
- AAE9F1
≈ Uranus
- DFD5FF
≈ Pale Lavender
- FFCFCA
≈ Aromatic Breeze
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.35:1 · APCA Lc 17
Ag
AAASobre preto
WCAG 15.50:1 · APCA Lc 86
Melhor cor de texto: #000000
WCAG 15.50:1 (AAA) · APCA Lc 86
Contrast pairs
Trechos de código
CSS
:root {
--frosty-margarita: #dae2b2;
--frosty-margarita-rgb: 218 226 178;
--frosty-margarita-oklch: oklch(0.895 0.064 115.4);
}
.element {
color: var(--frosty-margarita);
background-color: hsl(70 45% 79%);
border-color: oklch(0.895 0.064 115.4);
}Tailwind CSS v4
@theme {
--color-frosty-margarita: #dae2b2;
--color-frosty-margarita-50: #f3f8e4;
--color-frosty-margarita-100: #e6ebd3;
--color-frosty-margarita-200: #d2d8ba;
--color-frosty-margarita-300: #b4bc97;
--color-frosty-margarita-400: #9ca378;
--color-frosty-margarita-500: #848c5a;
--color-frosty-margarita-600: #70764d;
--color-frosty-margarita-700: #595e3d;
--color-frosty-margarita-800: #42452b;
--color-frosty-margarita-900: #2e301d;
--color-frosty-margarita-950: #1a1c0d;
}SCSS
$frosty-margarita: #dae2b2;
$frosty-margarita-rgb: 218, 226, 178;
$frosty-margarita-light: mix(#fff, $frosty-margarita, 20%);
$frosty-margarita-dark: mix(#000, $frosty-margarita, 20%);
.element {
color: $frosty-margarita;
box-shadow: 0 0 0 2px rgba($frosty-margarita, 0.35);
}