Colore con nome · #DACAC0
Coconut Macaroon
Coconut Macaroon è #DACAC0: rgb(218 202 192), hsl(23 26% 80%), oklch(0.849 0.023 54.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Coconut Macaroon color name →
#DACAC0
oklch(0.849 0.023 54.3)
Conversioni di colore
- HEX
- #dacac0
- RGB
- rgb(218 202 192)
- HSL
- hsl(23 26% 80%)
- HWB
- hwb(23 75% 15%)
- OKLCH
- oklch(0.849 0.023 54.3)
- OKLab
- oklab(0.849 0.013 0.018)
- CIE Lab
- lab(82.45 4.53 7.13)
- LCH
- lch(82.45 8.45 57.5)
- CMYK
- cmyk(0% 7% 12% 15%)
Tinte · Ombre · Toni
Tinte
- DECFC6
- E1D4CC
- E5DAD3
- E9DFD9
- ECE4DF
- F0EAE5
- F4EFEC
- F8F4F2
- FBFAF9
Ombre
- BDAFA7
- A2958E
- 877C76
- 6C645F
- 544D49
- 3C3734
- 252220
- 110F0E
- 020202
Toni
- D1C2B9
- C7BBB3
- BEB3AC
- B5ACA6
- ACA49F
- A39D99
- 9A9693
- 918E8C
- 898786
Armonie di colore
Complementare +180°
- DACAC0
Coconut Macaroon
- C0D0DA
≈ Snowbell
Analogo -30° +30°
- DACAC0
Coconut Macaroon
- DCC8C6
≈ Misty Blush
- D4CDBD
≈ Tern Grey
Triadico +120° +240°
- DACAC0
Coconut Macaroon
- BFD3CC
≈ Spearmint Ice
- CECBDB
≈ Lunar Dust
Complementare divisa +150° +210°
- DACAC0
Coconut Macaroon
- BDD2D4
≈ Windy
- C6CEDD
≈ Steel Mist
Tetradico +90° +180° +270°
- DACAC0
Coconut Macaroon
- C5D2C4
≈ Juniper Mist
- C0D0DA
≈ Snowbell
- D5C9D6
≈ Eternal Moonrise
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.59:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.19:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.19:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--coconut-macaroon: #dacac0;
--coconut-macaroon-rgb: 218 202 192;
--coconut-macaroon-oklch: oklch(0.849 0.023 54.3);
}
.element {
color: var(--coconut-macaroon);
background-color: hsl(23 26% 80%);
border-color: oklch(0.849 0.023 54.3);
}Tailwind CSS v4
@theme {
--color-coconut-macaroon: #dacac0;
--color-coconut-macaroon-50: #faf4ef;
--color-coconut-macaroon-100: #eee6e1;
--color-coconut-macaroon-200: #dcd2cb;
--color-coconut-macaroon-300: #c1b5ad;
--color-coconut-macaroon-400: #aa9b92;
--color-coconut-macaroon-500: #938378;
--color-coconut-macaroon-600: #7c6e66;
--color-coconut-macaroon-700: #635851;
--color-coconut-macaroon-800: #49403b;
--color-coconut-macaroon-900: #332c29;
--color-coconut-macaroon-950: #1e1917;
}SCSS
$coconut-macaroon: #dacac0;
$coconut-macaroon-rgb: 218, 202, 192;
$coconut-macaroon-light: mix(#fff, $coconut-macaroon, 20%);
$coconut-macaroon-dark: mix(#000, $coconut-macaroon, 20%);
.element {
color: $coconut-macaroon;
box-shadow: 0 0 0 2px rgba($coconut-macaroon, 0.35);
}