Colore con nome · #95978F
Dusky Parakeet
Dusky Parakeet è #95978F: rgb(149 151 143), hsl(75 4% 58%), oklch(0.672 0.012 118.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Dusky Parakeet color name →
#95978F
oklch(0.672 0.012 118.1)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 9FA19A
- A9ABA4
- B4B5AF
- BEBFBA
- C9CAC6
- D3D4D1
- DEDFDC
- E9E9E8
- F4F4F3
Ombre
- 81837C
- 6D6F69
- 5A5C57
- 484945
- 373734
- 262624
- 161715
- 080807
- 010101
Toni
- 93958D
- 91928C
- 8F908A
- 8D8E89
- 8A8B87
- 888986
- 868784
- 848583
- 828281
Armonie di colore
Complementare +180°
- 95978F
Dusky Parakeet
- 97949C
≈ Emperor’s Robe
Analogo -30° +30°
- 95978F
Dusky Parakeet
- 99968E
≈ Destroyer Grey
- 919892
≈ Steel Toe
Triadico +120° +240°
- 95978F
Dusky Parakeet
- 90979C
≈ Steely Grey
- 9C9396
≈ Warm Asphalt
Complementare divisa +150° +210°
- 95978F
Dusky Parakeet
- 93969D
≈ Grisaille
- 9A939A
≈ Hidcote
Tetradico +90° +180° +270°
- 95978F
Dusky Parakeet
- 8E989A
≈ Steely Grey
- 97949C
≈ Emperor’s Robe
- 9D9392
≈ Tassel Taupe
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.95:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.10:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.10:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
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);
}