Benannte Farbe · #676168
Excalibur
Excalibur ist #676168: rgb(103 97 104), hsl(291 3% 39%), oklch(0.501 0.013 321.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Excalibur color name →
#676168
oklch(0.501 0.013 321.4)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 756F76
- 837E84
- 928D93
- A19DA1
- B0ADB0
- BFBDC0
- CFCDCF
- DFDDDF
- EFEEEF
Shades
- 595359
- 4B464B
- 3D393E
- 302D30
- 232124
- 171518
- 0C0B0C
- 040304
- 000000
Tones
- 69646A
- 6C676D
- 6E6A6F
- 716D72
- 737074
- 767376
- 787779
- 7B7A7B
- 7D7D7E
Farbharmonien
Komplementär +180°
- 676168
Excalibur
- 5F655E
≈ Woohringa
Analog -30° +30°
- 676168
Excalibur
- 63626B
≈ Script Ink
- 6A6064
≈ Stunning Shade
Triadisch +120° +240°
- 676168
Excalibur
- 67635B
≈ Braintree
- 5B6666
≈ Brooklyn
Geteilt komplementär +150° +210°
- 676168
Excalibur
- 63645C
≈ Cast Iron
- 5C6662
≈ Brooklyn
Tetradisch +90° +180° +270°
- 676168
Excalibur
- 6A615D
≈ Bull Ring
- 5F655E
≈ Woohringa
- 5C656A
≈ Slate Grey
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.02:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.48:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 6.02:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
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);
}