Colore con nome · #C6C3B4
Swiss Livery
Swiss Livery è #C6C3B4: rgb(198 195 180), hsl(50 14% 74%), oklch(0.815 0.021 97.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Swiss Livery color name →
#C6C3B4
oklch(0.815 0.021 97.6)
Conversioni di colore
- HEX
- #c6c3b4
- RGB
- rgb(198 195 180)
- HSL
- hsl(50 14% 74%)
- HWB
- hwb(50 71% 22%)
- OKLCH
- oklch(0.815 0.021 97.6)
- OKLab
- oklab(0.815 -0.003 0.021)
- CIE Lab
- lab(78.73 -0.87 7.96)
- LCH
- lch(78.73 8.01 96.2)
- CMYK
- cmyk(0% 2% 9% 22%)
Tinte · Ombre · Toni
Tinte
- CCC9BB
- D1CFC3
- D7D5CA
- DCDBD2
- E2E1D9
- E8E7E1
- EEEDE8
- F3F3F0
- F9F9F7
Ombre
- ACA99C
- 929085
- 7A786E
- 626058
- 4B4A44
- 353430
- 21201D
- 0E0E0C
- 020202
Toni
- BFBCAF
- B8B5A9
- B0AEA4
- A9A89F
- A2A19A
- 9B9A94
- 94948F
- 8E8D8A
- 878685
Armonie di colore
Complementare +180°
- C6C3B4
Swiss Livery
- BFC2D0
≈ Powder Lilac
Analogo -30° +30°
- C6C3B4
Swiss Livery
- CCC0B5
≈ Loophole
- BFC5B7
≈ Balsam
Triadico +120° +240°
- C6C3B4
Swiss Livery
- B4C6CC
≈ Star Mist
- CCBEC7
≈ Silk Chiffon
Complementare divisa +150° +210°
- C6C3B4
Swiss Livery
- B8C4D0
≈ Plein Air
- C6BFCD
≈ Clary Sage
Tetradico +90° +180° +270°
- C6C3B4
Swiss Livery
- B4C7C5
≈ Surf Spray
- BFC2D0
≈ Powder Lilac
- D0BDC0
≈ Dusky Violet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.76:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.86:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.86:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--swiss-livery: #c6c3b4;
--swiss-livery-rgb: 198 195 180;
--swiss-livery-oklch: oklch(0.815 0.021 97.6);
}
.element {
color: var(--swiss-livery);
background-color: hsl(50 14% 74%);
border-color: oklch(0.815 0.021 97.6);
}Tailwind CSS v4
@theme {
--color-swiss-livery: #c6c3b4;
--color-swiss-livery-50: #f6f5ef;
--color-swiss-livery-100: #e9e8e0;
--color-swiss-livery-200: #d6d5cb;
--color-swiss-livery-300: #bab8ac;
--color-swiss-livery-400: #a19f91;
--color-swiss-livery-500: #8a8777;
--color-swiss-livery-600: #747265;
--color-swiss-livery-700: #5d5b51;
--color-swiss-livery-800: #44423a;
--color-swiss-livery-900: #2f2e28;
--color-swiss-livery-950: #1c1b16;
}SCSS
$swiss-livery: #c6c3b4;
$swiss-livery-rgb: 198, 195, 180;
$swiss-livery-light: mix(#fff, $swiss-livery, 20%);
$swiss-livery-dark: mix(#000, $swiss-livery, 20%);
.element {
color: $swiss-livery;
box-shadow: 0 0 0 2px rgba($swiss-livery, 0.35);
}