Colore con nome · #CEC6BD
Hidden Cove
Hidden Cove è #CEC6BD: rgb(206 198 189), hsl(32 15% 77%), oklch(0.831 0.015 70.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Hidden Cove color name →
#CEC6BD
oklch(0.831 0.015 70.9)
Conversioni di colore
- HEX
- #cec6bd
- RGB
- rgb(206 198 189)
- HSL
- hsl(32 15% 77%)
- HWB
- hwb(32 74% 19%)
- OKLCH
- oklch(0.831 0.015 70.9)
- OKLab
- oklab(0.831 0.005 0.014)
- CIE Lab
- lab(80.35 1.72 5.57)
- LCH
- lch(80.35 5.83 72.8)
- CMYK
- cmyk(0% 4% 8% 19%)
Tinte · Ombre · Toni
Tinte
- D3CCC3
- D8D1CA
- DDD7D0
- E1DCD7
- E6E2DE
- EBE8E4
- F0EEEB
- F5F3F2
- FAF9F8
Ombre
- B3ACA4
- 98928C
- 7F7A74
- 66625D
- 4E4B47
- 383533
- 23211F
- 0F0E0D
- 020202
Toni
- C6BFB7
- BEB8B0
- B6B0AA
- AEA9A4
- A6A29E
- 9E9B98
- 979492
- 8F8E8C
- 878786
Armonie di colore
Complementare +180°
- CEC6BD
Hidden Cove
- C0C8D1
≈ Cemetery Ash
Analogo -30° +30°
- CEC6BD
Hidden Cove
- D1C4C0
≈ Josephine
- C9C8BD
≈ Aloof Grey
Triadico +120° +240°
- CEC6BD
Hidden Cove
- BDCBCA
≈ Urban Raincoat
- CBC5CF
≈ Hazy Mauve
Complementare divisa +150° +210°
- CEC6BD
Hidden Cove
- BDCACE
≈ Sleepy Blue
- C5C7D2
≈ Viola Ice Grey
Tetradico +90° +180° +270°
- CEC6BD
Hidden Cove
- BFCBC4
≈ Soothing Spring
- C0C8D1
≈ Cemetery Ash
- CFC4CA
≈ Piano Grey Rose
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.68:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.43:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.43:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--hidden-cove: #cec6bd;
--hidden-cove-rgb: 206 198 189;
--hidden-cove-oklch: oklch(0.831 0.015 70.9);
}
.element {
color: var(--hidden-cove);
background-color: hsl(32 15% 77%);
border-color: oklch(0.831 0.015 70.9);
}Tailwind CSS v4
@theme {
--color-hidden-cove: #cec6bd;
--color-hidden-cove-50: #f8f4f0;
--color-hidden-cove-100: #ebe7e2;
--color-hidden-cove-200: #d8d3cd;
--color-hidden-cove-300: #bcb6af;
--color-hidden-cove-400: #a49d95;
--color-hidden-cove-500: #8d857b;
--color-hidden-cove-600: #777069;
--color-hidden-cove-700: #5f5a54;
--color-hidden-cove-800: #46413d;
--color-hidden-cove-900: #302d2a;
--color-hidden-cove-950: #1d1a17;
}SCSS
$hidden-cove: #cec6bd;
$hidden-cove-rgb: 206, 198, 189;
$hidden-cove-light: mix(#fff, $hidden-cove, 20%);
$hidden-cove-dark: mix(#000, $hidden-cove, 20%);
.element {
color: $hidden-cove;
box-shadow: 0 0 0 2px rgba($hidden-cove, 0.35);
}