Colore con nome · #676168
Excalibur
Excalibur è #676168: rgb(103 97 104), hsl(291 3% 39%), oklch(0.501 0.013 321.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Excalibur color name →
#676168
oklch(0.501 0.013 321.4)
Conversioni di colore
- HEX
- #676168
- RGB
- rgb(103 97 104)
- HSL
- hsl(291 3% 39%)
- HWB
- hwb(291 38% 59%)
- OKLCH
- oklch(0.501 0.013 321.4)
- OKLab
- oklab(0.501 0.01 -0.008)
- CIE Lab
- lab(41.89 3.53 -3.09)
- LCH
- lch(41.89 4.69 318.8)
- CMYK
- cmyk(1% 7% 0% 59%)
Tinte · Ombre · Toni
Tinte
- 756F76
- 837E84
- 928D93
- A19DA1
- B0ADB0
- BFBDC0
- CFCDCF
- DFDDDF
- EFEEEF
Ombre
- 595359
- 4B464B
- 3D393E
- 302D30
- 232124
- 171518
- 0C0B0C
- 040304
- 000000
Toni
- 69646A
- 6C676D
- 6E6A6F
- 716D72
- 737074
- 767376
- 787779
- 7B7A7B
- 7D7D7E
Armonie di colore
Complementare +180°
- 676168
Excalibur
- 5F655E
≈ Woohringa
Analogo -30° +30°
- 676168
Excalibur
- 63626B
≈ Script Ink
- 6A6064
≈ Stunning Shade
Triadico +120° +240°
- 676168
Excalibur
- 67635B
≈ Braintree
- 5B6666
≈ Brooklyn
Complementare divisa +150° +210°
- 676168
Excalibur
- 63645C
≈ Cast Iron
- 5C6662
≈ Brooklyn
Tetradico +90° +180° +270°
- 676168
Excalibur
- 6A615D
≈ Bull Ring
- 5F655E
≈ Woohringa
- 5C656A
≈ Slate Grey
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.02:1 · APCA Lc 80
Ag
FailSu nero
WCAG 3.48:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 6.02:1 (AA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--excalibur: #676168;
--excalibur-rgb: 103 97 104;
--excalibur-oklch: oklch(0.501 0.013 321.4);
}
.element {
color: var(--excalibur);
background-color: hsl(291 3% 39%);
border-color: oklch(0.501 0.013 321.4);
}Tailwind CSS v4
@theme {
--color-excalibur: #676168;
--color-excalibur-50: #f7f4f7;
--color-excalibur-100: #eae6ea;
--color-excalibur-200: #d7d2d7;
--color-excalibur-300: #bbb5bb;
--color-excalibur-400: #a29ca3;
--color-excalibur-500: #8a838c;
--color-excalibur-600: #756f76;
--color-excalibur-700: #5e595e;
--color-excalibur-800: #444145;
--color-excalibur-900: #2f2d30;
--color-excalibur-950: #1c1a1c;
}SCSS
$excalibur: #676168;
$excalibur-rgb: 103, 97, 104;
$excalibur-light: mix(#fff, $excalibur, 20%);
$excalibur-dark: mix(#000, $excalibur, 20%);
.element {
color: $excalibur;
box-shadow: 0 0 0 2px rgba($excalibur, 0.35);
}