Benannte Farbe · #9E9D99
Bedrock
Bedrock ist #9E9D99: rgb(158 157 153), hsl(48 3% 61%), oklch(0.696 0.006 95.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Bedrock color name →
#9E9D99
oklch(0.696 0.006 95.1)
Farbumrechnungen
- HEX
- #9e9d99
- RGB
- rgb(158 157 153)
- HSL
- hsl(48 3% 61%)
- HWB
- hwb(48 60% 38%)
- OKLCH
- oklch(0.696 0.006 95.1)
- OKLab
- oklab(0.696 -0.001 0.006)
- CIE Lab
- lab(64.73 -0.19 2.23)
- LCH
- lch(64.73 2.24 94.8)
- CMYK
- cmyk(0% 1% 3% 38%)
Tints · Shades · Tones
Tints
- A7A6A3
- B1B0AD
- BAB9B7
- C4C3C1
- CDCDCB
- D7D7D5
- E1E1DF
- EBEBEA
- F5F5F4
Shades
- 898884
- 747370
- 605F5D
- 4D4C4A
- 3A3A38
- 292827
- 181817
- 090908
- 010101
Tones
- 9B9A96
- 989794
- 959491
- 92918F
- 8F8E8C
- 8C8B8A
- 898987
- 868685
- 838382
Farbharmonien
Komplementär +180°
- 9E9D99
Bedrock
- 9C9DA1
≈ Smokey Stone
Analog -30° +30°
- 9E9D99
Bedrock
- A09C99
≈ Paloma
- 9C9E9A
≈ Bedrock
Triadisch +120° +240°
- 9E9D99
Bedrock
- 999E9F
≈ Pencil Sketch
- 9F9C9E
≈ Shady Lady
Geteilt komplementär +150° +210°
- 9E9D99
Bedrock
- 9A9DA0
≈ Smokey Stone
- 9E9CA0
≈ Shady Lady
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.71:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.73:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.73:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
CSS
:root {
--bedrock: #9e9d99;
--bedrock-rgb: 158 157 153;
--bedrock-oklch: oklch(0.696 0.006 95.1);
}
.element {
color: var(--bedrock);
background-color: hsl(48 3% 61%);
border-color: oklch(0.696 0.006 95.1);
}Tailwind CSS v4
@theme {
--color-bedrock: #9e9d99;
--color-bedrock-50: #f5f5f3;
--color-bedrock-100: #e8e8e6;
--color-bedrock-200: #d5d4d1;
--color-bedrock-300: #b8b7b4;
--color-bedrock-400: #9f9e9b;
--color-bedrock-500: #878682;
--color-bedrock-600: #72716e;
--color-bedrock-700: #5b5b58;
--color-bedrock-800: #434240;
--color-bedrock-900: #2e2e2c;
--color-bedrock-950: #1b1b19;
}SCSS
$bedrock: #9e9d99;
$bedrock-rgb: 158, 157, 153;
$bedrock-light: mix(#fff, $bedrock, 20%);
$bedrock-dark: mix(#000, $bedrock, 20%);
.element {
color: $bedrock;
box-shadow: 0 0 0 2px rgba($bedrock, 0.35);
}