Colore con nome · #898D91
Ancient Pewter
Ancient Pewter è #898D91: rgb(137 141 145), hsl(210 4% 55%), oklch(0.641 0.008 247.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Ancient Pewter color name →
#898D91
oklch(0.641 0.008 247.9)
Conversioni di colore
- HEX
- #898d91
- RGB
- rgb(137 141 145)
- HSL
- hsl(210 4% 55%)
- HWB
- hwb(210 54% 43%)
- OKLCH
- oklch(0.641 0.008 247.9)
- OKLab
- oklab(0.641 -0.003 -0.007)
- CIE Lab
- lab(58.39 -0.91 -2.67)
- LCH
- lch(58.39 2.83 251.1)
- CMYK
- cmyk(6% 3% 0% 43%)
Tinte · Ombre · Toni
Tinte
- 94989B
- 9FA3A6
- ABAEB1
- B7B9BC
- C2C4C7
- CED0D2
- DADCDD
- E6E7E8
- F3F3F4
Ombre
- 767A7D
- 64676A
- 535558
- 424446
- 313335
- 222325
- 141415
- 070707
- 010101
Toni
- 888C8F
- 878A8E
- 86898C
- 85888A
- 848688
- 848587
- 838485
- 828383
- 818182
Armonie di colore
Complementare +180°
- 898D91
Ancient Pewter
- 908C88
≈ Rocky Ridge
Analogo -30° +30°
- 898D91
Ancient Pewter
- 888E90
≈ Leadbelcher Metal
- 8B8C91
≈ Nuts and Bolts
Triadico +120° +240°
- 898D91
Ancient Pewter
- 918B8C
≈ Shining Armour
- 8B8D89
≈ Wild Dove
Complementare divisa +150° +210°
- 898D91
Ancient Pewter
- 918B89
≈ Creek Bend
- 8E8D87
≈ Parador Stone
Tetradico +90° +180° +270°
- 898D91
Ancient Pewter
- 908B8E
≈ Shining Armour
- 908C88
≈ Rocky Ridge
- 898E8B
≈ Wild Dove
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.34:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.28:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.28:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--ancient-pewter: #898d91;
--ancient-pewter-rgb: 137 141 145;
--ancient-pewter-oklch: oklch(0.641 0.008 247.9);
}
.element {
color: var(--ancient-pewter);
background-color: hsl(210 4% 55%);
border-color: oklch(0.641 0.008 247.9);
}Tailwind CSS v4
@theme {
--color-ancient-pewter: #898d91;
--color-ancient-pewter-50: #f3f5f7;
--color-ancient-pewter-100: #e6e8ea;
--color-ancient-pewter-200: #d2d4d7;
--color-ancient-pewter-300: #b4b8bb;
--color-ancient-pewter-400: #9b9fa3;
--color-ancient-pewter-500: #82878b;
--color-ancient-pewter-600: #6e7276;
--color-ancient-pewter-700: #585b5e;
--color-ancient-pewter-800: #404345;
--color-ancient-pewter-900: #2c2e30;
--color-ancient-pewter-950: #191b1c;
}SCSS
$ancient-pewter: #898d91;
$ancient-pewter-rgb: 137, 141, 145;
$ancient-pewter-light: mix(#fff, $ancient-pewter, 20%);
$ancient-pewter-dark: mix(#000, $ancient-pewter, 20%);
.element {
color: $ancient-pewter;
box-shadow: 0 0 0 2px rgba($ancient-pewter, 0.35);
}