Cor nomeada · #DCE2AD
Cocktail Onion
Cocktail Onion é #DCE2AD: rgb(220 226 173), hsl(67 48% 78%), oklch(0.895 0.07 113.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Cocktail Onion color name →
#DCE2AD
oklch(0.895 0.07 113.1)
Conversões de cor
- HEX
- #dce2ad
- RGB
- rgb(220 226 173)
- HSL
- hsl(67 48% 78%)
- HWB
- hwb(67 68% 11%)
- OKLCH
- oklch(0.895 0.07 113.1)
- OKLab
- oklab(0.895 -0.027 0.064)
- CIE Lab
- lab(88.44 -8.46 25.32)
- LCH
- lch(88.44 26.69 108.5)
- CMYK
- cmyk(3% 0% 23% 11%)
Tons claros · Sombras · Tons
Tons claros
- DFE5B5
- E3E8BE
- E6EBC6
- EAEECE
- EDF1D6
- F1F4DE
- F4F6E7
- F8F9EF
- FBFCF7
Sombras
- BFC496
- A3A87F
- 888C6A
- 6E7155
- 545741
- 3C3E2D
- 26271B
- 11120B
- 020301
Tons
- D2D8A9
- C9CEA4
- BFC4A0
- B6BA9B
- ADB097
- A4A692
- 9B9C8E
- 929389
- 898985
Harmonias de cor
Complementar +180°
- DCE2AD
Cocktail Onion
- DDD6FF
≈ Pale Lavender
Análoga -30° +30°
- DCE2AD
Cocktail Onion
- F3D9A8
≈ Caribbean Sunrise
- C2E9BF
≈ Lime Dream
Tríade +120° +240°
- DCE2AD
Cocktail Onion
- B5E4FF
≈ Frozen Landscape
- FFCCE0
≈ Linnet Egg Red
Complementar dividida +150° +210°
- DCE2AD
Cocktail Onion
- CBDDFF
≈ Arc Light
- F4CEF8
≈ Sassy Pink
Tétrade +90° +180° +270°
- DCE2AD
Cocktail Onion
- A5EBF1
≈ Mint Macaron
- DDD6FF
≈ Pale Lavender
- FFCFCC
≈ Aromatic Breeze
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.35:1 · APCA Lc 17
Ag
AAASobre preto
WCAG 15.52:1 · APCA Lc 86
Melhor cor de texto: #000000
WCAG 15.52:1 (AAA) · APCA Lc 86
Contrast pairs
Trechos de código
CSS
:root {
--cocktail-onion: #dce2ad;
--cocktail-onion-rgb: 220 226 173;
--cocktail-onion-oklch: oklch(0.895 0.07 113.1);
}
.element {
color: var(--cocktail-onion);
background-color: hsl(67 48% 78%);
border-color: oklch(0.895 0.07 113.1);
}Tailwind CSS v4
@theme {
--color-cocktail-onion: #dce2ad;
--color-cocktail-onion-50: #f4f8e2;
--color-cocktail-onion-100: #e7ebd1;
--color-cocktail-onion-200: #d3d8b7;
--color-cocktail-onion-300: #b6bc94;
--color-cocktail-onion-400: #9ea373;
--color-cocktail-onion-500: #868b54;
--color-cocktail-onion-600: #717648;
--color-cocktail-onion-700: #5b5e39;
--color-cocktail-onion-800: #434528;
--color-cocktail-onion-900: #2e301b;
--color-cocktail-onion-950: #1b1c0b;
}SCSS
$cocktail-onion: #dce2ad;
$cocktail-onion-rgb: 220, 226, 173;
$cocktail-onion-light: mix(#fff, $cocktail-onion, 20%);
$cocktail-onion-dark: mix(#000, $cocktail-onion, 20%);
.element {
color: $cocktail-onion;
box-shadow: 0 0 0 2px rgba($cocktail-onion, 0.35);
}