Colore con nome · #DEDBCC
Cocoon
Cocoon è #DEDBCC: rgb(222 219 204), hsl(50 21% 84%), oklch(0.89 0.02 97.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Cocoon color name →
#DEDBCC
oklch(0.89 0.02 97.6)
Conversioni di colore
- HEX
- #dedbcc
- RGB
- rgb(222 219 204)
- HSL
- hsl(50 21% 84%)
- HWB
- hwb(50 80% 13%)
- OKLCH
- oklch(0.89 0.02 97.6)
- OKLab
- oklab(0.89 -0.003 0.02)
- CIE Lab
- lab(87.34 -0.86 7.79)
- LCH
- lch(87.34 7.83 96.3)
- CMYK
- cmyk(0% 1% 8% 13%)
Tinte · Ombre · Toni
Tinte
- E1DFD1
- E5E2D6
- E8E6DB
- EBE9E0
- EEEDE5
- F2F0EA
- F5F4F0
- F8F8F5
- FCFBFA
Ombre
- C1BEB1
- A5A297
- 89877E
- 6F6D65
- 55544E
- 3D3C37
- 262622
- 12110F
- 020202
Toni
- D4D2C4
- CAC8BC
- C1BFB5
- B7B6AD
- AEACA5
- A4A39E
- 9B9A96
- 92918F
- 898987
Armonie di colore
Complementare +180°
- DEDBCC
Cocoon
- D7DAE8
≈ Eyeshadow
Analogo -30° +30°
Triadico +120° +240°
- DEDBCC
Cocoon
- CCDEE4
≈ Salty Vapour
- E4D6DF
≈ Flowers of May
Complementare divisa +150° +210°
- DEDBCC
Cocoon
- D0DCE8
≈ Blue Silk
- DED7E5
≈ Misty Violet
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.38:1 · APCA Lc 19
Ag
AAASu nero
WCAG 15.11:1 · APCA Lc 85
Miglior colore del testo: #000000
WCAG 15.11:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--cocoon: #dedbcc;
--cocoon-rgb: 222 219 204;
--cocoon-oklch: oklch(0.89 0.02 97.6);
}
.element {
color: var(--cocoon);
background-color: hsl(50 21% 84%);
border-color: oklch(0.89 0.02 97.6);
}Tailwind CSS v4
@theme {
--color-cocoon: #dedbcc;
--color-cocoon-50: #f6f5ef;
--color-cocoon-100: #e9e8e0;
--color-cocoon-200: #d6d5cb;
--color-cocoon-300: #bab8ac;
--color-cocoon-400: #a19f91;
--color-cocoon-500: #8a8777;
--color-cocoon-600: #747265;
--color-cocoon-700: #5d5b51;
--color-cocoon-800: #44423b;
--color-cocoon-900: #2f2e28;
--color-cocoon-950: #1c1b16;
}SCSS
$cocoon: #dedbcc;
$cocoon-rgb: 222, 219, 204;
$cocoon-light: mix(#fff, $cocoon, 20%);
$cocoon-dark: mix(#000, $cocoon, 20%);
.element {
color: $cocoon;
box-shadow: 0 0 0 2px rgba($cocoon, 0.35);
}