Benannte Farbe · #999D99
Pipe Dream
Pipe Dream ist #999D99: rgb(153 157 153), hsl(120 2% 61%), oklch(0.692 0.007 145.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Pipe Dream color name →
#999D99
oklch(0.692 0.007 145.5)
Farbumrechnungen
- HEX
- #999d99
- RGB
- rgb(153 157 153)
- HSL
- hsl(120 2% 61%)
- HWB
- hwb(120 60% 38%)
- OKLCH
- oklch(0.692 0.007 145.5)
- OKLab
- oklab(0.692 -0.006 0.004)
- CIE Lab
- lab(64.31 -2.07 1.57)
- LCH
- lch(64.31 2.6 142.8)
- CMYK
- cmyk(3% 0% 3% 38%)
Tints · Shades · Tones
Tints
- A3A6A3
- ADB0AD
- B7B9B7
- C1C3C1
- CBCDCB
- D5D7D5
- DFE1DF
- EAEBEA
- F4F5F4
Shades
- 848884
- 707370
- 5D5F5D
- 4A4C4A
- 383A38
- 272827
- 171817
- 080908
- 010101
Tones
- 969A96
- 949794
- 919491
- 8F918F
- 8C8E8C
- 8A8B8A
- 878987
- 858685
- 828382
Farbharmonien
Komplementär +180°
- 999D99
Pipe Dream
- 9E9A9E
≈ Shady Lady
Analog -30° +30°
- 999D99
Pipe Dream
- 9B9C97
≈ Pipe Dream
- 979D9B
≈ Gun Barrel
Triadisch +120° +240°
- 999D99
Pipe Dream
- 999CA0
≈ Drizzling Mist
- A09A99
≈ Jet Grey
Geteilt komplementär +150° +210°
- 999D99
Pipe Dream
- 9C9BA0
≈ Smokey Stone
- A09A9C
≈ Shady Lady
Tetradisch +90° +180° +270°
- 999D99
Pipe Dream
- 989DA0
≈ Drizzling Mist
- 9E9A9E
≈ Shady Lady
- A09B97
≈ Flint Grey
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.74:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.63:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.63:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
CSS
:root {
--pipe-dream: #999d99;
--pipe-dream-rgb: 153 157 153;
--pipe-dream-oklch: oklch(0.692 0.007 145.5);
}
.element {
color: var(--pipe-dream);
background-color: hsl(120 2% 61%);
border-color: oklch(0.692 0.007 145.5);
}Tailwind CSS v4
@theme {
--color-pipe-dream: #999d99;
--color-pipe-dream-50: #f4f6f4;
--color-pipe-dream-100: #e6e8e6;
--color-pipe-dream-200: #d2d5d2;
--color-pipe-dream-300: #b5b8b5;
--color-pipe-dream-400: #9ca09c;
--color-pipe-dream-500: #838783;
--color-pipe-dream-600: #6f736f;
--color-pipe-dream-700: #595c59;
--color-pipe-dream-800: #414341;
--color-pipe-dream-900: #2d2e2d;
--color-pipe-dream-950: #1a1b1a;
}SCSS
$pipe-dream: #999d99;
$pipe-dream-rgb: 153, 157, 153;
$pipe-dream-light: mix(#fff, $pipe-dream, 20%);
$pipe-dream-dark: mix(#000, $pipe-dream, 20%);
.element {
color: $pipe-dream;
box-shadow: 0 0 0 2px rgba($pipe-dream, 0.35);
}