Colore con nome · #C1BBB1
Viaduct
Viaduct è #C1BBB1: rgb(193 187 177), hsl(37 11% 73%), oklch(0.794 0.015 80.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Viaduct color name →
#C1BBB1
oklch(0.794 0.015 80.7)
Conversioni di colore
- HEX
- #c1bbb1
- RGB
- rgb(193 187 177)
- HSL
- hsl(37 11% 73%)
- HWB
- hwb(37 69% 24%)
- OKLCH
- oklch(0.794 0.015 80.7)
- OKLab
- oklab(0.794 0.002 0.015)
- CIE Lab
- lab(76.16 0.88 5.87)
- LCH
- lch(76.16 5.94 81.5)
- CMYK
- cmyk(0% 3% 8% 24%)
Tinte · Ombre · Toni
Tinte
- C7C2B9
- CDC8C0
- D3CFC8
- D9D6D0
- E0DDD7
- E6E3DF
- ECEAE7
- F2F1EF
- F9F8F7
Ombre
- A7A299
- 8F8A83
- 77736C
- 5F5C57
- 494642
- 34322F
- 201F1C
- 0E0D0C
- 020201
Toni
- BAB5AC
- B4AFA7
- ADA9A2
- A6A39D
- A09D98
- 999793
- 93918E
- 8D8B8A
- 868685
Armonie di colore
Complementare +180°
- C1BBB1
Viaduct
- B6BCC6
≈ Silverado Trail
Analogo -30° +30°
- C1BBB1
Viaduct
- C5B9B3
≈ Rubidium
- BCBDB2
≈ Soft Sage
Triadico +120° +240°
- C1BBB1
Viaduct
- B1BFC0
≈ Greenwich Village
- C1B9C2
≈ Pocketful of Posies
Complementare divisa +150° +210°
- C1BBB1
Viaduct
- B2BEC4
≈ Soothing Breeze
- BBBAC5
≈ Silverado Trail
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.90:1 · APCA Lc 36
Ag
AAASu nero
WCAG 11.01:1 · APCA Lc 66
Miglior colore del testo: #000000
WCAG 11.01:1 (AAA) · APCA Lc 66
Contrast pairs
Frammenti di codice
CSS
:root {
--viaduct: #c1bbb1;
--viaduct-rgb: 193 187 177;
--viaduct-oklch: oklch(0.794 0.015 80.7);
}
.element {
color: var(--viaduct);
background-color: hsl(37 11% 73%);
border-color: oklch(0.794 0.015 80.7);
}Tailwind CSS v4
@theme {
--color-viaduct: #c1bbb1;
--color-viaduct-50: #f7f5f0;
--color-viaduct-100: #eae7e2;
--color-viaduct-200: #d7d4cd;
--color-viaduct-300: #bbb7af;
--color-viaduct-400: #a39e94;
--color-viaduct-500: #8b857b;
--color-viaduct-600: #767168;
--color-viaduct-700: #5e5a53;
--color-viaduct-800: #45423c;
--color-viaduct-900: #302d2a;
--color-viaduct-950: #1c1a17;
}SCSS
$viaduct: #c1bbb1;
$viaduct-rgb: 193, 187, 177;
$viaduct-light: mix(#fff, $viaduct, 20%);
$viaduct-dark: mix(#000, $viaduct, 20%);
.element {
color: $viaduct;
box-shadow: 0 0 0 2px rgba($viaduct, 0.35);
}