Colore con nome · #838C82
Dowager
Dowager è #838C82: rgb(131 140 130), hsl(114 4% 53%), oklch(0.63 0.018 142.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Dowager color name →
#838C82
oklch(0.63 0.018 142.5)
Conversioni di colore
- HEX
- #838c82
- RGB
- rgb(131 140 130)
- HSL
- hsl(114 4% 53%)
- HWB
- hwb(114 51% 45%)
- OKLCH
- oklch(0.63 0.018 142.5)
- OKLab
- oklab(0.63 -0.014 0.011)
- CIE Lab
- lab(57.27 -4.89 4.17)
- LCH
- lch(57.27 6.43 139.5)
- CMYK
- cmyk(6% 0% 7% 45%)
Tinte · Ombre · Toni
Tinte
- 8F978E
- 9BA29A
- A7ADA6
- B3B8B2
- BFC4BF
- CCD0CB
- D8DBD8
- E5E7E5
- F2F3F2
Ombre
- 717970
- 60675F
- 4F554E
- 3F433E
- 2F332F
- 202320
- 121412
- 060706
- 010101
Toni
- 838B82
- 828A82
- 828881
- 828781
- 828681
- 818581
- 818481
- 818280
- 808180
Armonie di colore
Complementare +180°
- 838C82
Dowager
- 8E8690
≈ Horseshoe
Analogo -30° +30°
- 838C82
Dowager
- 898A7E
≈ Appalachian Forest
- 7F8D88
≈ Chinois Green
Triadico +120° +240°
- 838C82
Dowager
- 838994
≈ Roman Silver
- 948584
≈ Exotica
Complementare divisa +150° +210°
- 838C82
Dowager
- 898793
≈ Horseshoe
- 92858A
≈ Gothic Purple
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.47:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.03:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 6.03:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--dowager: #838c82;
--dowager-rgb: 131 140 130;
--dowager-oklch: oklch(0.63 0.018 142.5);
}
.element {
color: var(--dowager);
background-color: hsl(114 4% 53%);
border-color: oklch(0.63 0.018 142.5);
}Tailwind CSS v4
@theme {
--color-dowager: #838c82;
--color-dowager-50: #f2f7f2;
--color-dowager-100: #e4e9e4;
--color-dowager-200: #d0d6cf;
--color-dowager-300: #b2bab2;
--color-dowager-400: #99a198;
--color-dowager-500: #80897e;
--color-dowager-600: #6c746b;
--color-dowager-700: #565d56;
--color-dowager-800: #3f443e;
--color-dowager-900: #2b2f2b;
--color-dowager-950: #191c18;
}SCSS
$dowager: #838c82;
$dowager-rgb: 131, 140, 130;
$dowager-light: mix(#fff, $dowager, 20%);
$dowager-dark: mix(#000, $dowager, 20%);
.element {
color: $dowager;
box-shadow: 0 0 0 2px rgba($dowager, 0.35);
}