Nazwany kolor · #91979F
Grisaille
Grisaille to #91979F: rgb(145 151 159), hsl(214 7% 60%), oklch(0.674 0.014 255.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Grisaille color name →
#91979F
oklch(0.674 0.014 255.5)
Konwersje koloru
- HEX
- #91979f
- RGB
- rgb(145 151 159)
- HSL
- hsl(214 7% 60%)
- HWB
- hwb(214 57% 38%)
- OKLCH
- oklch(0.674 0.014 255.5)
- OKLab
- oklab(0.674 -0.003 -0.013)
- CIE Lab
- lab(62.16 -1.02 -5.01)
- LCH
- lch(62.16 5.11 258.5)
- CMYK
- cmyk(9% 5% 0% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9BA1A8
- A6ABB2
- B1B5BB
- BCBFC4
- C7CACE
- D2D4D8
- DDDFE1
- E8E9EB
- F4F4F5
Odcienie ciemniejsze
- 7D838A
- 6A6F75
- 585C61
- 46494D
- 35373B
- 252629
- 151718
- 070809
- 010101
Tony
- 8F959C
- 8E9299
- 8C9096
- 8A8E92
- 888B8F
- 87898C
- 858789
- 838586
- 828283
Harmonie kolorów
Komplementarna +180°
- 91979F
Grisaille
- 9B958D
≈ Tabby Cat Grey
Analogowa -30° +30°
- 91979F
Grisaille
- 8E989D
≈ Pachyderm
- 95959F
≈ Emperor’s Robe
Triada +120° +240°
- 91979F
Grisaille
- 9F9394
≈ Auger Shell
- 939890
≈ Pond Leaves
Komplementarna rozszczepiona +150° +210°
- 91979F
Grisaille
- 9E9490
≈ Tavern Taupe
- 97978E
≈ Worlds Away
Tetrada +90° +180° +270°
- 91979F
Grisaille
- 9D9398
≈ Lavender Elan
- 9B958D
≈ Tabby Cat Grey
- 8F9994
≈ Steel Toe
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.94:1 · APCA Lc 56
Ag
AAANa czerni
WCAG 7.13:1 · APCA Lc 46
Najlepszy kolor tekstu: #000000
WCAG 7.13:1 (AAA) · APCA Lc 46
Contrast pairs
Fragmenty kodu
CSS
:root {
--grisaille: #91979f;
--grisaille-rgb: 145 151 159;
--grisaille-oklch: oklch(0.674 0.014 255.5);
}
.element {
color: var(--grisaille);
background-color: hsl(214 7% 60%);
border-color: oklch(0.674 0.014 255.5);
}Tailwind CSS v4
@theme {
--color-grisaille: #91979f;
--color-grisaille-50: #f3f5f9;
--color-grisaille-100: #e5e8ec;
--color-grisaille-200: #d1d4da;
--color-grisaille-300: #b3b8be;
--color-grisaille-400: #999fa7;
--color-grisaille-500: #80878f;
--color-grisaille-600: #6d7279;
--color-grisaille-700: #575b61;
--color-grisaille-800: #3f4347;
--color-grisaille-900: #2b2e31;
--color-grisaille-950: #191b1d;
}SCSS
$grisaille: #91979f;
$grisaille-rgb: 145, 151, 159;
$grisaille-light: mix(#fff, $grisaille, 20%);
$grisaille-dark: mix(#000, $grisaille, 20%);
.element {
color: $grisaille;
box-shadow: 0 0 0 2px rgba($grisaille, 0.35);
}