Colore con nome · #818988
Pirate Silver
Pirate Silver è #818988: rgb(129 137 136), hsl(173 3% 52%), oklch(0.623 0.01 188). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Pirate Silver color name →
#818988
oklch(0.623 0.01 188)
Conversioni di colore
- HEX
- #818988
- RGB
- rgb(129 137 136)
- HSL
- hsl(173 3% 52%)
- HWB
- hwb(173 51% 46%)
- OKLCH
- oklch(0.623 0.01 188)
- OKLab
- oklab(0.623 -0.009 -0.001)
- CIE Lab
- lab(56.4 -3.19 -0.53)
- LCH
- lch(56.4 3.24 189.4)
- CMYK
- cmyk(6% 0% 1% 46%)
Tinte · Ombre · Toni
Tinte
- 8D9493
- 999F9F
- A5ABAA
- B2B7B6
- BEC2C2
- CBCECE
- D8DADA
- E5E6E6
- F2F3F3
Ombre
- 6F7675
- 5E6463
- 4E5352
- 3E4241
- 2E3131
- 1F2222
- 121413
- 060706
- 010101
Toni
- 818887
- 818786
- 818686
- 818585
- 818484
- 808483
- 808382
- 808282
- 808181
Armonie di colore
Complementare +180°
- 818988
Pirate Silver
- 8D8586
≈ Purpura
Analogo -30° +30°
- 818988
Pirate Silver
- 838985
≈ Stack
- 81898B
≈ Pirate Silver
Triadico +120° +240°
- 818988
Pirate Silver
- 89868C
≈ Taupe Grey
- 8B8681
≈ Petrified
Complementare divisa +150° +210°
- 818988
Pirate Silver
- 8B8589
≈ Taupe Grey
- 8D8583
≈ Mine Rock
Tetradico +90° +180° +270°
- 818988
Pirate Silver
- 85878D
≈ Whale Tail
- 8D8586
≈ Purpura
- 888781
≈ Classic French Grey
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.57:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.86:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.86:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--pirate-silver: #818988;
--pirate-silver-rgb: 129 137 136;
--pirate-silver-oklch: oklch(0.623 0.01 188);
}
.element {
color: var(--pirate-silver);
background-color: hsl(173 3% 52%);
border-color: oklch(0.623 0.01 188);
}Tailwind CSS v4
@theme {
--color-pirate-silver: #818988;
--color-pirate-silver-50: #f2f6f6;
--color-pirate-silver-100: #e4e9e8;
--color-pirate-silver-200: #d0d5d5;
--color-pirate-silver-300: #b2b9b8;
--color-pirate-silver-400: #98a09f;
--color-pirate-silver-500: #7f8887;
--color-pirate-silver-600: #6c7372;
--color-pirate-silver-700: #565c5b;
--color-pirate-silver-800: #3f4343;
--color-pirate-silver-900: #2b2f2e;
--color-pirate-silver-950: #191b1b;
}SCSS
$pirate-silver: #818988;
$pirate-silver-rgb: 129, 137, 136;
$pirate-silver-light: mix(#fff, $pirate-silver, 20%);
$pirate-silver-dark: mix(#000, $pirate-silver, 20%);
.element {
color: $pirate-silver;
box-shadow: 0 0 0 2px rgba($pirate-silver, 0.35);
}