Colore con nome · #8E9598
Grey Russian
Grey Russian è #8E9598: rgb(142 149 152), hsl(198 5% 58%), oklch(0.665 0.009 225.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Grey Russian color name →
#8E9598
oklch(0.665 0.009 225.1)
Conversioni di colore
- HEX
- #8e9598
- RGB
- rgb(142 149 152)
- HSL
- hsl(198 5% 58%)
- HWB
- hwb(198 56% 40%)
- OKLCH
- oklch(0.665 0.009 225.1)
- OKLab
- oklab(0.665 -0.007 -0.007)
- CIE Lab
- lab(61.19 -2.17 -2.51)
- LCH
- lch(61.19 3.32 229.2)
- CMYK
- cmyk(7% 2% 0% 40%)
Tinte · Ombre · Toni
Tinte
- 999FA2
- A4A9AC
- AFB4B6
- BABEC0
- C5C9CA
- D0D3D5
- DCDEDF
- E7E9EA
- F3F4F4
Ombre
- 7B8184
- 686D70
- 565A5C
- 44484A
- 343738
- 242627
- 151617
- 070808
- 010101
Toni
- 8D9396
- 8B9193
- 8A8F91
- 888D8E
- 878A8C
- 86888A
- 848687
- 838485
- 818282
Armonie di colore
Complementare +180°
- 8E9598
Grey Russian
- 99928F
≈ Neutral Buff
Analogo -30° +30°
- 8E9598
Grey Russian
- 8E9695
≈ Moonquake
- 909499
≈ Fighter Jet
Triadico +120° +240°
- 8E9598
Grey Russian
- 989195
≈ Slate Violet
- 94948E
≈ Illusive Green
Complementare divisa +150° +210°
- 8E9598
Grey Russian
- 999192
≈ Slate Violet
- 97938E
≈ Winter Park
Tetradico +90° +180° +270°
- 8E9598
Grey Russian
- 969298
≈ Fighter Jet
- 99928F
≈ Neutral Buff
- 91958F
≈ Illusive Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.04:1 · APCA Lc 57
Ag
AASu nero
WCAG 6.90:1 · APCA Lc 45
Miglior colore del testo: #000000
WCAG 6.90:1 (AA) · APCA Lc 45
Contrast pairs
Frammenti di codice
CSS
:root {
--grey-russian: #8e9598;
--grey-russian-rgb: 142 149 152;
--grey-russian-oklch: oklch(0.665 0.009 225.1);
}
.element {
color: var(--grey-russian);
background-color: hsl(198 5% 58%);
border-color: oklch(0.665 0.009 225.1);
}Tailwind CSS v4
@theme {
--color-grey-russian: #8e9598;
--color-grey-russian-50: #f2f6f7;
--color-grey-russian-100: #e5e8ea;
--color-grey-russian-200: #d0d5d7;
--color-grey-russian-300: #b3b8bb;
--color-grey-russian-400: #99a0a3;
--color-grey-russian-500: #80888b;
--color-grey-russian-600: #6c7375;
--color-grey-russian-700: #575c5e;
--color-grey-russian-800: #3f4345;
--color-grey-russian-900: #2b2e2f;
--color-grey-russian-950: #191b1c;
}SCSS
$grey-russian: #8e9598;
$grey-russian-rgb: 142, 149, 152;
$grey-russian-light: mix(#fff, $grey-russian, 20%);
$grey-russian-dark: mix(#000, $grey-russian, 20%);
.element {
color: $grey-russian;
box-shadow: 0 0 0 2px rgba($grey-russian, 0.35);
}