Nazwany kolor · #7B8588
Garrison Grey
Garrison Grey to #7B8588: rgb(123 133 136), hsl(194 5% 51%), oklch(0.609 0.013 217.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Garrison Grey color name →
#7B8588
oklch(0.609 0.013 217.6)
Konwersje koloru
- HEX
- #7b8588
- RGB
- rgb(123 133 136)
- HSL
- hsl(194 5% 51%)
- HWB
- hwb(194 48% 47%)
- OKLCH
- oklch(0.609 0.013 217.6)
- OKLab
- oklab(0.609 -0.01 -0.008)
- CIE Lab
- lab(54.78 -3.33 -2.95)
- LCH
- lch(54.78 4.45 221.5)
- CMYK
- cmyk(10% 2% 0% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 879193
- 949C9F
- A1A8AA
- AEB4B6
- BBC0C2
- C8CCCE
- D6D9DA
- E3E5E6
- F1F2F3
Odcienie ciemniejsze
- 6A7375
- 5A6163
- 4A5052
- 3A4041
- 2C3031
- 1E2122
- 101313
- 050606
- 010101
Tony
- 7C8587
- 7C8486
- 7D8486
- 7D8385
- 7E8384
- 7E8283
- 7F8282
- 7F8182
- 808181
Harmonie kolorów
Komplementarna +180°
- 7B8588
Garrison Grey
- 8A817E
≈ Tsar
Analogowa -30° +30°
- 7B8588
Garrison Grey
- 7B8684
≈ Nature Retreat
- 7D848A
≈ Serious Cloud
Triada +120° +240°
- 7B8588
Garrison Grey
- 888086
≈ Ironbreaker
- 85837B
≈ Grey Porcelain
Komplementarna rozszczepiona +150° +210°
- 7B8588
Garrison Grey
- 8A8081
≈ Rocket Metallic
- 88827B
≈ Elephant Skin
Tetrada +90° +180° +270°
- 7B8588
Garrison Grey
- 858189
≈ Lunar Outpost
- 8A817E
≈ Tsar
- 81857D
≈ The North Wind Blows
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.78:1 · APCA Lc 65
Ag
AANa czerni
WCAG 5.55:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.55:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--garrison-grey: #7b8588;
--garrison-grey-rgb: 123 133 136;
--garrison-grey-oklch: oklch(0.609 0.013 217.6);
}
.element {
color: var(--garrison-grey);
background-color: hsl(194 5% 51%);
border-color: oklch(0.609 0.013 217.6);
}Tailwind CSS v4
@theme {
--color-garrison-grey: #7b8588;
--color-garrison-grey-50: #f1f6f8;
--color-garrison-grey-100: #e3e9eb;
--color-garrison-grey-200: #cfd6d8;
--color-garrison-grey-300: #b1b9bc;
--color-garrison-grey-400: #97a0a3;
--color-garrison-grey-500: #7d888c;
--color-garrison-grey-600: #6a7376;
--color-garrison-grey-700: #555c5f;
--color-garrison-grey-800: #3e4445;
--color-garrison-grey-900: #2a2f30;
--color-garrison-grey-950: #181b1c;
}SCSS
$garrison-grey: #7b8588;
$garrison-grey-rgb: 123, 133, 136;
$garrison-grey-light: mix(#fff, $garrison-grey, 20%);
$garrison-grey-dark: mix(#000, $garrison-grey, 20%);
.element {
color: $garrison-grey;
box-shadow: 0 0 0 2px rgba($garrison-grey, 0.35);
}