Colore con nome · #8A8E93
Bali Deep
Bali Deep è #8A8E93: rgb(138 142 147), hsl(213 4% 56%), oklch(0.645 0.009 253.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Bali Deep color name →
#8A8E93
oklch(0.645 0.009 253.9)
Conversioni di colore
- HEX
- #8a8e93
- RGB
- rgb(138 142 147)
- HSL
- hsl(213 4% 56%)
- HWB
- hwb(213 54% 42%)
- OKLCH
- oklch(0.645 0.009 253.9)
- OKLab
- oklab(0.645 -0.002 -0.008)
- CIE Lab
- lab(58.8 -0.76 -3.2)
- LCH
- lch(58.8 3.29 256.7)
- CMYK
- cmyk(6% 3% 0% 42%)
Tinte · Ombre · Toni
Tinte
- 95999D
- A0A4A8
- ACAFB2
- B7BABD
- C3C5C8
- CFD0D3
- DBDCDD
- E7E7E9
- F3F3F4
Ombre
- 777B7F
- 65686C
- 535659
- 424447
- 323436
- 222425
- 141516
- 070708
- 010101
Toni
- 898D91
- 888B8F
- 878A8D
- 86888B
- 858789
- 848688
- 838486
- 828384
- 818182
Armonie di colore
Complementare +180°
- 8A8E93
Bali Deep
- 918D88
≈ Mourning Dove
Analogo -30° +30°
- 8A8E93
Bali Deep
- 888F92
≈ Bali Deep
- 8D8D93
≈ Aluminium Silver
Triadico +120° +240°
- 8A8E93
Bali Deep
- 938C8C
≈ Greylac
- 8B8F89
≈ Letter Grey
Complementare divisa +150° +210°
- 8A8E93
Bali Deep
- 938C89
≈ Creek Bend
- 8E8E88
≈ Parador Stone
Tetradico +90° +180° +270°
- 8A8E93
Bali Deep
- 928C8F
≈ Gull
- 918D88
≈ Mourning Dove
- 898F8C
≈ Stieglitz Silver
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.29:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.37:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.37:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--bali-deep: #8a8e93;
--bali-deep-rgb: 138 142 147;
--bali-deep-oklch: oklch(0.645 0.009 253.9);
}
.element {
color: var(--bali-deep);
background-color: hsl(213 4% 56%);
border-color: oklch(0.645 0.009 253.9);
}Tailwind CSS v4
@theme {
--color-bali-deep: #8a8e93;
--color-bali-deep-50: #f3f5f8;
--color-bali-deep-100: #e6e8eb;
--color-bali-deep-200: #d2d4d8;
--color-bali-deep-300: #b4b8bc;
--color-bali-deep-400: #9b9fa4;
--color-bali-deep-500: #82878c;
--color-bali-deep-600: #6e7276;
--color-bali-deep-700: #585b5f;
--color-bali-deep-800: #404345;
--color-bali-deep-900: #2c2e30;
--color-bali-deep-950: #191b1c;
}SCSS
$bali-deep: #8a8e93;
$bali-deep-rgb: 138, 142, 147;
$bali-deep-light: mix(#fff, $bali-deep, 20%);
$bali-deep-dark: mix(#000, $bali-deep, 20%);
.element {
color: $bali-deep;
box-shadow: 0 0 0 2px rgba($bali-deep, 0.35);
}