Benannte Farbe · #8A8E93
Bali Deep
Bali Deep ist #8A8E93: rgb(138 142 147), hsl(213 4% 56%), oklch(0.645 0.009 253.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Bali Deep color name →
#8A8E93
oklch(0.645 0.009 253.9)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 95999D
- A0A4A8
- ACAFB2
- B7BABD
- C3C5C8
- CFD0D3
- DBDCDD
- E7E7E9
- F3F3F4
Shades
- 777B7F
- 65686C
- 535659
- 424447
- 323436
- 222425
- 141516
- 070708
- 010101
Tones
- 898D91
- 888B8F
- 878A8D
- 86888B
- 858789
- 848688
- 838486
- 828384
- 818182
Farbharmonien
Komplementär +180°
- 8A8E93
Bali Deep
- 918D88
≈ Mourning Dove
Analog -30° +30°
- 8A8E93
Bali Deep
- 888F92
≈ Bali Deep
- 8D8D93
≈ Aluminium Silver
Triadisch +120° +240°
- 8A8E93
Bali Deep
- 938C8C
≈ Greylac
- 8B8F89
≈ Letter Grey
Geteilt komplementär +150° +210°
- 8A8E93
Bali Deep
- 938C89
≈ Creek Bend
- 8E8E88
≈ Parador Stone
Tetradisch +90° +180° +270°
- 8A8E93
Bali Deep
- 928C8F
≈ Gull
- 918D88
≈ Mourning Dove
- 898F8C
≈ Stieglitz Silver
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.29:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.37:1 · APCA Lc 41
Beste Textfarbe: #000000
WCAG 6.37:1 (AA) · APCA Lc 41
Contrast pairs
Code-Snippets
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);
}