Benannte Farbe · #95978F
Dusky Parakeet
Dusky Parakeet ist #95978F: rgb(149 151 143), hsl(75 4% 58%), oklch(0.672 0.012 118.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Dusky Parakeet color name →
#95978F
oklch(0.672 0.012 118.1)
Farbumrechnungen
- HEX
- #95978f
- RGB
- rgb(149 151 143)
- HSL
- hsl(75 4% 58%)
- HWB
- hwb(75 56% 41%)
- OKLCH
- oklch(0.672 0.012 118.1)
- OKLab
- oklab(0.672 -0.006 0.01)
- CIE Lab
- lab(62.12 -1.89 3.96)
- LCH
- lch(62.12 4.39 115.5)
- CMYK
- cmyk(1% 0% 5% 41%)
Tints · Shades · Tones
Tints
- 9FA19A
- A9ABA4
- B4B5AF
- BEBFBA
- C9CAC6
- D3D4D1
- DEDFDC
- E9E9E8
- F4F4F3
Shades
- 81837C
- 6D6F69
- 5A5C57
- 484945
- 373734
- 262624
- 161715
- 080807
- 010101
Tones
- 93958D
- 91928C
- 8F908A
- 8D8E89
- 8A8B87
- 888986
- 868784
- 848583
- 828281
Farbharmonien
Komplementär +180°
- 95978F
Dusky Parakeet
- 97949C
≈ Emperor’s Robe
Analog -30° +30°
- 95978F
Dusky Parakeet
- 99968E
≈ Destroyer Grey
- 919892
≈ Steel Toe
Triadisch +120° +240°
- 95978F
Dusky Parakeet
- 90979C
≈ Steely Grey
- 9C9396
≈ Warm Asphalt
Geteilt komplementär +150° +210°
- 95978F
Dusky Parakeet
- 93969D
≈ Grisaille
- 9A939A
≈ Hidcote
Tetradisch +90° +180° +270°
- 95978F
Dusky Parakeet
- 8E989A
≈ Steely Grey
- 97949C
≈ Emperor’s Robe
- 9D9392
≈ Tassel Taupe
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.95:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.10:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.10:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--dusky-parakeet: #95978f;
--dusky-parakeet-rgb: 149 151 143;
--dusky-parakeet-oklch: oklch(0.672 0.012 118.1);
}
.element {
color: var(--dusky-parakeet);
background-color: hsl(75 4% 58%);
border-color: oklch(0.672 0.012 118.1);
}Tailwind CSS v4
@theme {
--color-dusky-parakeet: #95978f;
--color-dusky-parakeet-50: #f4f6f2;
--color-dusky-parakeet-100: #e7e8e4;
--color-dusky-parakeet-200: #d3d5cf;
--color-dusky-parakeet-300: #b6b8b2;
--color-dusky-parakeet-400: #9d9f98;
--color-dusky-parakeet-500: #85877f;
--color-dusky-parakeet-600: #71736b;
--color-dusky-parakeet-700: #5a5c56;
--color-dusky-parakeet-800: #42433e;
--color-dusky-parakeet-900: #2e2e2b;
--color-dusky-parakeet-950: #1a1b18;
}SCSS
$dusky-parakeet: #95978f;
$dusky-parakeet-rgb: 149, 151, 143;
$dusky-parakeet-light: mix(#fff, $dusky-parakeet, 20%);
$dusky-parakeet-dark: mix(#000, $dusky-parakeet, 20%);
.element {
color: $dusky-parakeet;
box-shadow: 0 0 0 2px rgba($dusky-parakeet, 0.35);
}