Colore con nome · #909373
Dry Hemlock
Dry Hemlock è #909373: rgb(144 147 115), hsl(66 13% 51%), oklch(0.652 0.046 112). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Dry Hemlock color name →
#909373
oklch(0.652 0.046 112)
Conversioni di colore
- HEX
- #909373
- RGB
- rgb(144 147 115)
- HSL
- hsl(66 13% 51%)
- HWB
- hwb(66 45% 42%)
- OKLCH
- oklch(0.652 0.046 112)
- OKLab
- oklab(0.652 -0.017 0.042)
- CIE Lab
- lab(60.03 -5.33 16.64)
- LCH
- lch(60.03 17.47 107.8)
- CMYK
- cmyk(2% 0% 22% 42%)
Tinte · Ombre · Toni
Tinte
- 9B9D80
- A5A88E
- B0B29B
- BBBDA9
- C6C8B7
- D1D3C5
- DCDED3
- E8E9E2
- F3F4F0
Ombre
- 7D7F63
- 6A6C54
- 575945
- 454736
- 343628
- 24251B
- 15160F
- 070805
- 010101
Toni
- 8E9174
- 8D8F76
- 8B8D77
- 898B79
- 888A7A
- 86887B
- 85867C
- 83847E
- 82827F
Armonie di colore
Complementare +180°
- 909373
Dry Hemlock
- 908BAA
≈ Antique Viola
Analogo -30° +30°
- 909373
Dry Hemlock
- 9E8E70
≈ Barro Verde
- 80977E
≈ Dinosaur
Triadico +120° +240°
- 909373
Dry Hemlock
- 7495A7
≈ Architecture Blue
- A78593
≈ Mohair Pink
Complementare divisa +150° +210°
- 909373
Dry Hemlock
- 8190AC
≈ Papilio Argeotus
- 9D87A1
≈ Amethyst Grey Violet
Tetradico +90° +180° +270°
- 909373
Dry Hemlock
- 6F999C
≈ Teal & Tonic
- 908BAA
≈ Antique Viola
- AA8583
≈ Rocky Mountain
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.17:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.60:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.60:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--dry-hemlock: #909373;
--dry-hemlock-rgb: 144 147 115;
--dry-hemlock-oklch: oklch(0.652 0.046 112);
}
.element {
color: var(--dry-hemlock);
background-color: hsl(66 13% 51%);
border-color: oklch(0.652 0.046 112);
}Tailwind CSS v4
@theme {
--color-dry-hemlock: #909373;
--color-dry-hemlock-50: #f5f7e8;
--color-dry-hemlock-100: #e7ead9;
--color-dry-hemlock-200: #d3d7c1;
--color-dry-hemlock-300: #b7baa0;
--color-dry-hemlock-400: #9fa283;
--color-dry-hemlock-500: #868a67;
--color-dry-hemlock-600: #727457;
--color-dry-hemlock-700: #5b5d45;
--color-dry-hemlock-800: #434432;
--color-dry-hemlock-900: #2e2f22;
--color-dry-hemlock-950: #1b1b11;
}SCSS
$dry-hemlock: #909373;
$dry-hemlock-rgb: 144, 147, 115;
$dry-hemlock-light: mix(#fff, $dry-hemlock, 20%);
$dry-hemlock-dark: mix(#000, $dry-hemlock, 20%);
.element {
color: $dry-hemlock;
box-shadow: 0 0 0 2px rgba($dry-hemlock, 0.35);
}