Colore con nome · #407548
Grasslands
Grasslands è #407548: rgb(64 117 72), hsl(129 29% 35%), oklch(0.513 0.091 147.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Grasslands color name →
#407548
oklch(0.513 0.091 147.6)
Conversioni di colore
- HEX
- #407548
- RGB
- rgb(64 117 72)
- HSL
- hsl(129 29% 35%)
- HWB
- hwb(129 25% 54%)
- OKLCH
- oklch(0.513 0.091 147.6)
- OKLab
- oklab(0.513 -0.077 0.049)
- CIE Lab
- lab(44.64 -26.36 19.14)
- LCH
- lch(44.64 32.58 144)
- CMYK
- cmyk(45% 0% 38% 54%)
Tinte · Ombre · Toni
Tinte
- 538259
- 65906A
- 789D7C
- 8BAB8E
- 9DB8A0
- B1C6B2
- C4D4C5
- D7E2D8
- EBF1EB
Ombre
- 36653D
- 2D5533
- 244629
- 1B371F
- 132916
- 0B1C0D
- 050F06
- 010502
- 000100
Toni
- 47764E
- 4E7854
- 557959
- 5C7A5F
- 627B64
- 687C6A
- 6E7D6F
- 747E75
- 7A7F7B
Armonie di colore
Complementare +180°
- 407548
Grasslands
- 835382
≈ Dynamic Magenta
Analogo -30° +30°
- 407548
Grasslands
- 636E2C
≈ Forest Spirit
- 117866
≈ Shady Glade
Triadico +120° +240°
- 407548
Grasslands
- 50649B
≈ Electrify
- 94514A
≈ Copper Rust
Complementare divisa +150° +210°
- 407548
Grasslands
- 6D5B94
≈ Just a Fairytale
- 905067
≈ Velour Scar
Tetradico +90° +180° +270°
- 407548
Grasslands
- 2B6E94
≈ Blue Oasis
- 835382
≈ Dynamic Magenta
- 8E592E
≈ Caramel Café
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.44:1 · APCA Lc 77
Ag
FailSu nero
WCAG 3.85:1 · APCA Lc 25
Miglior colore del testo: #FFFFFF
WCAG 5.44:1 (AA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--grasslands: #407548;
--grasslands-rgb: 64 117 72;
--grasslands-oklch: oklch(0.513 0.091 147.6);
}
.element {
color: var(--grasslands);
background-color: hsl(129 29% 35%);
border-color: oklch(0.513 0.091 147.6);
}Tailwind CSS v4
@theme {
--color-grasslands: #407548;
--color-grasslands-50: #e4fde8;
--color-grasslands-100: #d4f1d8;
--color-grasslands-200: #bae0c0;
--color-grasslands-300: #97c59f;
--color-grasslands-400: #7aad80;
--color-grasslands-500: #5a9763;
--color-grasslands-600: #4d7f54;
--color-grasslands-700: #3d6643;
--color-grasslands-800: #2d4b2f;
--color-grasslands-900: #1e3420;
--color-grasslands-950: #0e1f0f;
}SCSS
$grasslands: #407548;
$grasslands-rgb: 64, 117, 72;
$grasslands-light: mix(#fff, $grasslands, 20%);
$grasslands-dark: mix(#000, $grasslands, 20%);
.element {
color: $grasslands;
box-shadow: 0 0 0 2px rgba($grasslands, 0.35);
}