Benannte Farbe · #8C9496
Boulder Creek
Boulder Creek ist #8C9496: rgb(140 148 150), hsl(192 5% 57%), oklch(0.661 0.01 214.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Boulder Creek color name →
#8C9496
oklch(0.661 0.01 214.4)
Farbumrechnungen
- HEX
- #8c9496
- RGB
- rgb(140 148 150)
- HSL
- hsl(192 5% 57%)
- HWB
- hwb(192 55% 41%)
- OKLCH
- oklch(0.661 0.01 214.4)
- OKLab
- oklab(0.661 -0.008 -0.006)
- CIE Lab
- lab(60.71 -2.69 -2.11)
- LCH
- lch(60.71 3.42 218.1)
- CMYK
- cmyk(7% 1% 0% 41%)
Tints · Shades · Tones
Tints
- 979EA0
- A2A9AA
- ADB3B4
- B9BEBF
- C4C8C9
- D0D3D4
- DBDEDE
- E7E9E9
- F3F4F4
Shades
- 798082
- 676D6E
- 555A5B
- 434849
- 333637
- 232626
- 141616
- 070808
- 010101
Tones
- 8B9294
- 8A9092
- 888E8F
- 878C8D
- 868A8B
- 858889
- 848687
- 828484
- 818282
Farbharmonien
Komplementär +180°
- 8C9496
Boulder Creek
- 98908E
≈ Mani
Analog -30° +30°
- 8C9496
Boulder Creek
- 8C9493
≈ Millennium Silver
- 8E9398
≈ Flint Shard
Triadisch +120° +240°
- 8C9496
Boulder Creek
- 969095
≈ Moonlit Orchid
- 94928C
≈ Winter Park
Geteilt komplementär +150° +210°
- 8C9496
Boulder Creek
- 989091
≈ Slate Violet
- 97918C
≈ Elephant Grey
Tetradisch +90° +180° +270°
- 8C9496
Boulder Creek
- 949197
≈ Moonlit Orchid
- 98908E
≈ Mani
- 91938D
≈ Illusive Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.09:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.79:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.79:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--boulder-creek: #8c9496;
--boulder-creek-rgb: 140 148 150;
--boulder-creek-oklch: oklch(0.661 0.01 214.4);
}
.element {
color: var(--boulder-creek);
background-color: hsl(192 5% 57%);
border-color: oklch(0.661 0.01 214.4);
}Tailwind CSS v4
@theme {
--color-boulder-creek: #8c9496;
--color-boulder-creek-50: #f2f6f7;
--color-boulder-creek-100: #e4e9ea;
--color-boulder-creek-200: #d0d5d7;
--color-boulder-creek-300: #b2b9ba;
--color-boulder-creek-400: #98a0a2;
--color-boulder-creek-500: #7f888a;
--color-boulder-creek-600: #6c7375;
--color-boulder-creek-700: #565c5d;
--color-boulder-creek-800: #3f4344;
--color-boulder-creek-900: #2b2e2f;
--color-boulder-creek-950: #181b1c;
}SCSS
$boulder-creek: #8c9496;
$boulder-creek-rgb: 140, 148, 150;
$boulder-creek-light: mix(#fff, $boulder-creek, 20%);
$boulder-creek-dark: mix(#000, $boulder-creek, 20%);
.element {
color: $boulder-creek;
box-shadow: 0 0 0 2px rgba($boulder-creek, 0.35);
}