Colore con nome · #9EB37B
Death Guard
Death Guard è #9EB37B: rgb(158 179 123), hsl(82 27% 59%), oklch(0.736 0.08 125). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Death Guard color name →
#9EB37B
oklch(0.736 0.08 125)
Conversioni di colore
- HEX
- #9eb37b
- RGB
- rgb(158 179 123)
- HSL
- hsl(82 27% 59%)
- HWB
- hwb(82 48% 30%)
- OKLCH
- oklch(0.736 0.08 125)
- OKLab
- oklab(0.736 -0.046 0.066)
- CIE Lab
- lab(70.26 -14.8 26.15)
- LCH
- lch(70.26 30.05 119.5)
- CMYK
- cmyk(12% 0% 31% 30%)
Tinte · Ombre · Toni
Tinte
- A7BB88
- B1C295
- BACAA2
- C4D1AF
- CDD9BC
- D7E0CA
- E1E8D7
- EBF0E4
- F5F7F2
Ombre
- 899B6A
- 74845A
- 606E4A
- 4D583A
- 3A432C
- 292F1E
- 181D10
- 090C05
- 010101
Toni
- 9BAE7C
- 98A97D
- 95A47E
- 929E7E
- 8F997F
- 8C947F
- 898F7F
- 868A80
- 838580
Armonie di colore
Complementare +180°
- 9EB37B
Death Guard
- B59DD3
≈ Purple Premiere
Analogo -30° +30°
- 9EB37B
Death Guard
- B9AA6E
≈ Swampwater
- 80B994
≈ Veiled Chameleon
Triadico +120° +240°
- 9EB37B
Death Guard
- 7FAFD9
≈ Boo Blue
- D695A3
≈ Madagascar Pink
Complementare divisa +150° +210°
- 9EB37B
Death Guard
- 9BA6DD
≈ Dalmatian Sage
- CA97BE
≈ Moorland Heather
Tetradico +90° +180° +270°
- 9EB37B
Death Guard
- 6AB7C9
≈ Blouson Blue
- B59DD3
≈ Purple Premiere
- D79888
≈ Sunburnt Toes
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.28:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.18:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.18:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--death-guard: #9eb37b;
--death-guard-rgb: 158 179 123;
--death-guard-oklch: oklch(0.736 0.08 125);
}
.element {
color: var(--death-guard);
background-color: hsl(82 27% 59%);
border-color: oklch(0.736 0.08 125);
}Tailwind CSS v4
@theme {
--color-death-guard: #9eb37b;
--color-death-guard-50: #effae1;
--color-death-guard-100: #e1edd1;
--color-death-guard-200: #cbdbb7;
--color-death-guard-300: #acc093;
--color-death-guard-400: #93a773;
--color-death-guard-500: #7a9053;
--color-death-guard-600: #677947;
--color-death-guard-700: #526138;
--color-death-guard-800: #3d4727;
--color-death-guard-900: #2a311a;
--color-death-guard-950: #181d0b;
}SCSS
$death-guard: #9eb37b;
$death-guard-rgb: 158, 179, 123;
$death-guard-light: mix(#fff, $death-guard, 20%);
$death-guard-dark: mix(#000, $death-guard, 20%);
.element {
color: $death-guard;
box-shadow: 0 0 0 2px rgba($death-guard, 0.35);
}