Colore con nome · #9A908A
Screed Grey
Screed Grey è #9A908A: rgb(154 144 138), hsl(23 7% 57%), oklch(0.66 0.015 53.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Screed Grey color name →
#9A908A
oklch(0.66 0.015 53.2)
Conversioni di colore
- HEX
- #9a908a
- RGB
- rgb(154 144 138)
- HSL
- hsl(23 7% 57%)
- HWB
- hwb(23 54% 40%)
- OKLCH
- oklch(0.66 0.015 53.2)
- OKLab
- oklab(0.66 0.009 0.012)
- CIE Lab
- lab(60.54 3.03 4.6)
- LCH
- lch(60.54 5.51 56.6)
- CMYK
- cmyk(0% 6% 10% 40%)
Tinte · Ombre · Toni
Tinte
- A49B95
- ADA5A0
- B7B0AC
- C1BBB7
- CBC6C3
- D6D1CF
- E0DDDB
- EAE8E7
- F5F3F3
Ombre
- 857D77
- 716A65
- 5E5753
- 4B4542
- 393432
- 272422
- 171514
- 090707
- 010101
Toni
- 978E89
- 958D88
- 928B87
- 908A86
- 8D8885
- 8A8684
- 888583
- 858382
- 838281
Armonie di colore
Complementare +180°
- 9A908A
Screed Grey
- 8A949A
≈ Quarry
Analogo -30° +30°
- 9A908A
Screed Grey
- 9B8F8E
≈ Grey Violet
- 979288
≈ Lost Space
Triadico +120° +240°
- 9A908A
Screed Grey
- 8A9591
≈ Storms Mountain
- 92919B
≈ Partridge Grey
Complementare divisa +150° +210°
- 9A908A
Screed Grey
- 889596
≈ Atmospheric
- 8D929C
≈ Lilac Fields
Tetradico +90° +180° +270°
- 9A908A
Screed Grey
- 8D958D
≈ Renegade
- 8A949A
≈ Quarry
- 978F98
≈ Victorian
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.12:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.73:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.73:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--screed-grey: #9a908a;
--screed-grey-rgb: 154 144 138;
--screed-grey-oklch: oklch(0.66 0.015 53.2);
}
.element {
color: var(--screed-grey);
background-color: hsl(23 7% 57%);
border-color: oklch(0.66 0.015 53.2);
}Tailwind CSS v4
@theme {
--color-screed-grey: #9a908a;
--color-screed-grey-50: #f9f4f1;
--color-screed-grey-100: #ece7e3;
--color-screed-grey-200: #d9d3ce;
--color-screed-grey-300: #beb6b0;
--color-screed-grey-400: #a69c96;
--color-screed-grey-500: #8f847d;
--color-screed-grey-600: #796f6a;
--color-screed-grey-700: #605955;
--color-screed-grey-800: #47413e;
--color-screed-grey-900: #312d2a;
--color-screed-grey-950: #1d1a18;
}SCSS
$screed-grey: #9a908a;
$screed-grey-rgb: 154, 144, 138;
$screed-grey-light: mix(#fff, $screed-grey, 20%);
$screed-grey-dark: mix(#000, $screed-grey, 20%);
.element {
color: $screed-grey;
box-shadow: 0 0 0 2px rgba($screed-grey, 0.35);
}