Benannte Farbe · #6F6A68
Gibraltar Grey
Gibraltar Grey ist #6F6A68: rgb(111 106 104), hsl(17 3% 42%), oklch(0.528 0.007 43.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Gibraltar Grey color name →
#6F6A68
oklch(0.528 0.007 43.3)
Farbumrechnungen
- HEX
- #6f6a68
- RGB
- rgb(111 106 104)
- HSL
- hsl(17 3% 42%)
- HWB
- hwb(17 41% 56%)
- OKLCH
- oklch(0.528 0.007 43.3)
- OKLab
- oklab(0.528 0.005 0.005)
- CIE Lab
- lab(45.23 1.73 1.86)
- LCH
- lch(45.23 2.54 47.1)
- CMYK
- cmyk(0% 5% 6% 56%)
Tints · Shades · Tones
Tints
- 7C7876
- 8A8684
- 989493
- A6A3A1
- B4B2B0
- C3C1C0
- D2D0CF
- E1DFDF
- F0EFEF
Shades
- 605B59
- 514D4B
- 423F3E
- 343130
- 272424
- 1A1818
- 0E0D0C
- 040404
- 010000
Tones
- 716C6A
- 726E6D
- 74716F
- 767371
- 777574
- 797776
- 7B7979
- 7D7C7B
- 7E7E7E
Farbharmonien
Komplementär +180°
- 6F6A68
Gibraltar Grey
- 676C6E
≈ Liberty Bell Grey
Analog -30° +30°
- 6F6A68
Gibraltar Grey
- 6F6A6A
≈ Gibraltar Grey
- 6E6B67
≈ Gibraltar Grey
Triadisch +120° +240°
- 6F6A68
Gibraltar Grey
- 686D6A
≈ Sedona Sage
- 6A6B6F
≈ Plum Charcoal
Geteilt komplementär +150° +210°
- 6F6A68
Gibraltar Grey
- 676D6C
≈ Sedona Sage
- 686C6F
≈ Beautiful Darkness
Tetradisch +90° +180° +270°
- 6F6A68
Gibraltar Grey
- 6A6C68
≈ Iron-ic
- 676C6E
≈ Liberty Bell Grey
- 6D6A6E
≈ Scapa Flow
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.33:1 · APCA Lc 77
Ag
FailAuf Schwarz
WCAG 3.93:1 · APCA Lc 25
Beste Textfarbe: #FFFFFF
WCAG 5.33:1 (AA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--gibraltar-grey: #6f6a68;
--gibraltar-grey-rgb: 111 106 104;
--gibraltar-grey-oklch: oklch(0.528 0.007 43.3);
}
.element {
color: var(--gibraltar-grey);
background-color: hsl(17 3% 42%);
border-color: oklch(0.528 0.007 43.3);
}Tailwind CSS v4
@theme {
--color-gibraltar-grey: #6f6a68;
--color-gibraltar-grey-50: #f7f4f3;
--color-gibraltar-grey-100: #eae7e6;
--color-gibraltar-grey-200: #d7d3d2;
--color-gibraltar-grey-300: #bbb6b4;
--color-gibraltar-grey-400: #a29d9b;
--color-gibraltar-grey-500: #8a8582;
--color-gibraltar-grey-600: #75706e;
--color-gibraltar-grey-700: #5e5a58;
--color-gibraltar-grey-800: #454240;
--color-gibraltar-grey-900: #2f2d2c;
--color-gibraltar-grey-950: #1c1a19;
}SCSS
$gibraltar-grey: #6f6a68;
$gibraltar-grey-rgb: 111, 106, 104;
$gibraltar-grey-light: mix(#fff, $gibraltar-grey, 20%);
$gibraltar-grey-dark: mix(#000, $gibraltar-grey, 20%);
.element {
color: $gibraltar-grey;
box-shadow: 0 0 0 2px rgba($gibraltar-grey, 0.35);
}