Colore con nome · #889999
Aged Pewter
Aged Pewter è #889999: rgb(136 153 153), hsl(180 8% 57%), oklch(0.67 0.019 196.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Aged Pewter color name →
#889999
oklch(0.67 0.019 196.7)
Conversioni di colore
- HEX
- #889999
- RGB
- rgb(136 153 153)
- HSL
- hsl(180 8% 57%)
- HWB
- hwb(180 53% 40%)
- OKLCH
- oklch(0.67 0.019 196.7)
- OKLab
- oklab(0.67 -0.019 -0.006)
- CIE Lab
- lab(61.87 -6.26 -2.17)
- LCH
- lch(61.87 6.63 199.1)
- CMYK
- cmyk(11% 0% 0% 40%)
Tinte · Ombre · Toni
Tinte
- 93A3A3
- 9FADAD
- AAB7B7
- B6C1C1
- C2CBCB
- CED5D5
- DADFDF
- E6EAEA
- F3F4F4
Ombre
- 758484
- 637070
- 525D5D
- 414A4A
- 313838
- 222727
- 131717
- 060808
- 010101
Toni
- 879696
- 869494
- 869191
- 858F8F
- 848C8C
- 838A8A
- 838787
- 828585
- 818282
Armonie di colore
Complementare +180°
- 889999
Aged Pewter
- A19191
≈ Auger Shell
Analogo -30° +30°
- 889999
Aged Pewter
- 8A9992
≈ Green Milieu
- 89989E
≈ Evening Eclipse
Triadico +120° +240°
- 889999
Aged Pewter
- 9A929D
≈ Duchess Lilac
- 9C9488
≈ Mud Pack
Complementare divisa +150° +210°
- 889999
Aged Pewter
- 9F9097
≈ Autumn Orchid
- A0928B
≈ Talavera
Tetradico +90° +180° +270°
- 889999
Aged Pewter
- 9494A1
≈ Ash Violet
- A19191
≈ Auger Shell
- 969689
≈ Evergreen Fog
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.97:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.06:1 · APCA Lc 45
Miglior colore del testo: #000000
WCAG 7.06:1 (AAA) · APCA Lc 45
Contrast pairs
Frammenti di codice
CSS
:root {
--aged-pewter: #889999;
--aged-pewter-rgb: 136 153 153;
--aged-pewter-oklch: oklch(0.67 0.019 196.7);
}
.element {
color: var(--aged-pewter);
background-color: hsl(180 8% 57%);
border-color: oklch(0.67 0.019 196.7);
}Tailwind CSS v4
@theme {
--color-aged-pewter: #889999;
--color-aged-pewter-50: #eff7f7;
--color-aged-pewter-100: #e1eaea;
--color-aged-pewter-200: #cbd7d7;
--color-aged-pewter-300: #adbbbb;
--color-aged-pewter-400: #92a2a2;
--color-aged-pewter-500: #788a8a;
--color-aged-pewter-600: #667575;
--color-aged-pewter-700: #515e5e;
--color-aged-pewter-800: #3b4544;
--color-aged-pewter-900: #282f2f;
--color-aged-pewter-950: #161c1c;
}SCSS
$aged-pewter: #889999;
$aged-pewter-rgb: 136, 153, 153;
$aged-pewter-light: mix(#fff, $aged-pewter, 20%);
$aged-pewter-dark: mix(#000, $aged-pewter, 20%);
.element {
color: $aged-pewter;
box-shadow: 0 0 0 2px rgba($aged-pewter, 0.35);
}