Colore con nome · #8990A3
Dusty Heather
Dusty Heather è #8990A3: rgb(137 144 163), hsl(224 12% 59%), oklch(0.654 0.029 269.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Dusty Heather color name →
#8990A3
oklch(0.654 0.029 269.5)
Conversioni di colore
- HEX
- #8990a3
- RGB
- rgb(137 144 163)
- HSL
- hsl(224 12% 59%)
- HWB
- hwb(224 54% 36%)
- OKLCH
- oklch(0.654 0.029 269.5)
- OKLab
- oklab(0.654 0 -0.029)
- CIE Lab
- lab(59.69 0.42 -10.98)
- LCH
- lch(59.69 10.99 272.2)
- CMYK
- cmyk(16% 12% 0% 36%)
Tinte · Ombre · Toni
Tinte
- 949BAC
- 9FA5B5
- ABB0BE
- B7BBC7
- C2C6D0
- CED1D9
- DADDE3
- E6E8EC
- F3F3F6
Ombre
- 767D8D
- 646A78
- 535763
- 42454F
- 31343C
- 22242A
- 141519
- 07070A
- 010101
Toni
- 888E9F
- 878D9C
- 868B98
- 858A95
- 848891
- 84868E
- 83858A
- 828387
- 818283
Armonie di colore
Complementare +180°
- 8990A3
Dusty Heather
- 97907C
≈ Bunglehouse Beige
Analogo -30° +30°
- 8990A3
Dusty Heather
- 8193A1
≈ Coastal Vista
- 938DA0
≈ Gentle Mauve
Triadico +120° +240°
- 8990A3
Dusty Heather
- A28A86
≈ Storm Red
- 849687
≈ Pointed Cabbage Green
Complementare divisa +150° +210°
- 8990A3
Dusty Heather
- 9E8D7F
≈ Putty Yellow
- 8E937F
≈ Explorer Green
Tetradico +90° +180° +270°
- 8990A3
Dusty Heather
- A08990
≈ Majolica Mauve
- 97907C
≈ Bunglehouse Beige
- 7E9791
≈ Green Granite
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.19:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.58:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.58:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--dusty-heather: #8990a3;
--dusty-heather-rgb: 137 144 163;
--dusty-heather-oklch: oklch(0.654 0.029 269.5);
}
.element {
color: var(--dusty-heather);
background-color: hsl(224 12% 59%);
border-color: oklch(0.654 0.029 269.5);
}Tailwind CSS v4
@theme {
--color-dusty-heather: #8990a3;
--color-dusty-heather-50: #f2f5fe;
--color-dusty-heather-100: #e4e8f2;
--color-dusty-heather-200: #cfd4e1;
--color-dusty-heather-300: #b2b7c7;
--color-dusty-heather-400: #979eb0;
--color-dusty-heather-500: #7e869a;
--color-dusty-heather-600: #6b7182;
--color-dusty-heather-700: #555a68;
--color-dusty-heather-800: #3e424d;
--color-dusty-heather-900: #2a2e35;
--color-dusty-heather-950: #181a21;
}SCSS
$dusty-heather: #8990a3;
$dusty-heather-rgb: 137, 144, 163;
$dusty-heather-light: mix(#fff, $dusty-heather, 20%);
$dusty-heather-dark: mix(#000, $dusty-heather, 20%);
.element {
color: $dusty-heather;
box-shadow: 0 0 0 2px rgba($dusty-heather, 0.35);
}