Colore con nome · #888899
Dusty Chimney
Dusty Chimney è #888899: rgb(136 136 153), hsl(240 8% 57%), oklch(0.632 0.025 285.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Dusty Chimney color name →
#888899
oklch(0.632 0.025 285.7)
Conversioni di colore
- HEX
- #888899
- RGB
- rgb(136 136 153)
- HSL
- hsl(240 8% 57%)
- HWB
- hwb(240 53% 40%)
- OKLCH
- oklch(0.632 0.025 285.7)
- OKLab
- oklab(0.632 0.007 -0.024)
- CIE Lab
- lab(57.13 2.64 -9.09)
- LCH
- lch(57.13 9.47 286.2)
- CMYK
- cmyk(11% 11% 0% 40%)
Tinte · Ombre · Toni
Tinte
- 9393A3
- 9F9FAD
- AAAAB7
- B6B6C1
- C2C2CB
- CECED5
- DADAE0
- E6E6EA
- F2F3F4
Ombre
- 757584
- 636370
- 52525D
- 41414A
- 313138
- 222227
- 131317
- 060608
- 010101
Toni
- 878797
- 868694
- 868692
- 85858F
- 84848D
- 83838A
- 828288
- 828285
- 818183
Armonie di colore
Complementare +180°
- 888899
Dusty Chimney
- 8C8B7A
≈ Dry Sage
Analogo -30° +30°
- 888899
Dusty Chimney
- 808B99
≈ Prophetic Sea
- 908595
≈ Purple Ash
Triadico +120° +240°
- 888899
Dusty Chimney
- 98867D
≈ Ginnezumi
- 7C8F86
≈ Lily Pad Pond
Complementare divisa +150° +210°
- 888899
Dusty Chimney
- 938879
≈ On the Avenue
- 838E7E
≈ Tea Leaf Mouse
Tetradico +90° +180° +270°
- 888899
Dusty Chimney
- 998485
≈ Maud
- 8C8B7A
≈ Dry Sage
- 798F8F
≈ Northern Juniper
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.48:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.02:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 6.02:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--dusty-chimney: #888899;
--dusty-chimney-rgb: 136 136 153;
--dusty-chimney-oklch: oklch(0.632 0.025 285.7);
}
.element {
color: var(--dusty-chimney);
background-color: hsl(240 8% 57%);
border-color: oklch(0.632 0.025 285.7);
}Tailwind CSS v4
@theme {
--color-dusty-chimney: #888899;
--color-dusty-chimney-50: #f4f4fc;
--color-dusty-chimney-100: #e7e7f0;
--color-dusty-chimney-200: #d3d3df;
--color-dusty-chimney-300: #b6b6c4;
--color-dusty-chimney-400: #9d9dad;
--color-dusty-chimney-500: #848497;
--color-dusty-chimney-600: #70707f;
--color-dusty-chimney-700: #595966;
--color-dusty-chimney-800: #41414b;
--color-dusty-chimney-900: #2d2d34;
--color-dusty-chimney-950: #1a1a20;
}SCSS
$dusty-chimney: #888899;
$dusty-chimney-rgb: 136, 136, 153;
$dusty-chimney-light: mix(#fff, $dusty-chimney, 20%);
$dusty-chimney-dark: mix(#000, $dusty-chimney, 20%);
.element {
color: $dusty-chimney;
box-shadow: 0 0 0 2px rgba($dusty-chimney, 0.35);
}