Colore con nome · #8D9098
Tulle Grey
Tulle Grey è #8D9098: rgb(141 144 152), hsl(224 5% 57%), oklch(0.653 0.012 269.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Tulle Grey color name →
#8D9098
oklch(0.653 0.012 269.5)
Conversioni di colore
- HEX
- #8d9098
- RGB
- rgb(141 144 152)
- HSL
- hsl(224 5% 57%)
- HWB
- hwb(224 55% 40%)
- OKLCH
- oklch(0.653 0.012 269.5)
- OKLab
- oklab(0.653 0 -0.012)
- CIE Lab
- lab(59.73 0.08 -4.65)
- LCH
- lch(59.73 4.65 271)
- CMYK
- cmyk(7% 5% 0% 40%)
Tinte · Ombre · Toni
Tinte
- 989BA2
- A3A5AC
- AEB0B6
- B9BBC0
- C4C6CA
- D0D1D5
- DCDDDF
- E7E8EA
- F3F3F4
Ombre
- 7A7D84
- 676A70
- 55575C
- 44454A
- 333438
- 232427
- 141517
- 070708
- 010101
Toni
- 8C8E96
- 8A8D93
- 898B91
- 888A8E
- 86888C
- 85868A
- 848587
- 838385
- 818282
Armonie di colore
Complementare +180°
- 8D9098
Tulle Grey
- 939088
≈ Smoky Grey Green
Analogo -30° +30°
- 8D9098
Tulle Grey
- 8A9197
≈ Zodiac
- 918F97
≈ Partridge Grey
Triadico +120° +240°
- 8D9098
Tulle Grey
- 988E8C
≈ Globe Thistle Grey Rose
- 8B928C
≈ Sandstone Grey Green
Complementare divisa +150° +210°
- 8D9098
Tulle Grey
- 968F89
≈ Water Tower
- 8F9189
≈ Four-Wheel Grey
Tetradico +90° +180° +270°
- 8D9098
Tulle Grey
- 978D90
≈ Ash Pink
- 939088
≈ Smoky Grey Green
- 899390
≈ Storms Mountain
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.19:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.57:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.57:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--tulle-grey: #8d9098;
--tulle-grey-rgb: 141 144 152;
--tulle-grey-oklch: oklch(0.653 0.012 269.5);
}
.element {
color: var(--tulle-grey);
background-color: hsl(224 5% 57%);
border-color: oklch(0.653 0.012 269.5);
}Tailwind CSS v4
@theme {
--color-tulle-grey: #8d9098;
--color-tulle-grey-50: #f4f5f9;
--color-tulle-grey-100: #e6e8ec;
--color-tulle-grey-200: #d2d4da;
--color-tulle-grey-300: #b5b7be;
--color-tulle-grey-400: #9b9ea6;
--color-tulle-grey-500: #83868f;
--color-tulle-grey-600: #6f7179;
--color-tulle-grey-700: #585b61;
--color-tulle-grey-800: #404247;
--color-tulle-grey-900: #2c2e31;
--color-tulle-grey-950: #191b1d;
}SCSS
$tulle-grey: #8d9098;
$tulle-grey-rgb: 141, 144, 152;
$tulle-grey-light: mix(#fff, $tulle-grey, 20%);
$tulle-grey-dark: mix(#000, $tulle-grey, 20%);
.element {
color: $tulle-grey;
box-shadow: 0 0 0 2px rgba($tulle-grey, 0.35);
}