Colore con nome · #658B38
Gǎn Lǎn Lǜ Green
Gǎn Lǎn Lǜ Green è #658B38: rgb(101 139 56), hsl(87 43% 38%), oklch(0.59 0.12 130). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Gǎn Lǎn Lǜ Green color name →
#658B38
oklch(0.59 0.12 130)
Conversioni di colore
- HEX
- #658b38
- RGB
- rgb(101 139 56)
- HSL
- hsl(87 43% 38%)
- HWB
- hwb(87 22% 45%)
- OKLCH
- oklch(0.59 0.12 130)
- OKLab
- oklab(0.59 -0.077 0.092)
- CIE Lab
- lab(53.65 -24.4 38.93)
- LCH
- lch(53.65 45.95 122.1)
- CMYK
- cmyk(27% 0% 60% 45%)
Tinte · Ombre · Toni
Tinte
- 73964D
- 82A262
- 91AD75
- A0B989
- AFC49C
- BFD0AF
- CFDCC3
- DFE7D7
- EFF3EB
Ombre
- 57782F
- 496627
- 3C541F
- 2F4317
- 22320F
- 172308
- 0C1404
- 030701
- 000100
Toni
- 688A41
- 6B894A
- 6D8852
- 708759
- 738660
- 768567
- 78846D
- 7B8374
- 7D817A
Armonie di colore
Complementare +180°
- 658B38
Gǎn Lǎn Lǜ Green
- 9367B2
≈ Knight Elf
Analogo -30° +30°
- 658B38
Gǎn Lǎn Lǜ Green
- 8E7E0A
≈ Moscow Papyrus
- 269364
≈ Viridian
Triadico +120° +240°
- 658B38
Gǎn Lǎn Lǜ Green
- 3F81C1
≈ Worn Denim
- B85C6D
≈ Candied Apple
Complementare divisa +150° +210°
- 658B38
Gǎn Lǎn Lǜ Green
- 7074C3
≈ Kickstart Purple
- AC5F93
≈ Meadow Mauve
Tetradico +90° +180° +270°
- 658B38
Gǎn Lǎn Lǜ Green
- 008BA9
≈ Quintana
- 9367B2
≈ Knight Elf
- B86243
≈ Maui Mai Tai
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.95:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.30:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.30:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--gan-lan-lu-green: #658b38;
--gan-lan-lu-green-rgb: 101 139 56;
--gan-lan-lu-green-oklch: oklch(0.59 0.12 130);
}
.element {
color: var(--gan-lan-lu-green);
background-color: hsl(87 43% 38%);
border-color: oklch(0.59 0.12 130);
}Tailwind CSS v4
@theme {
--color-gan-lan-lu-green: #658b38;
--color-gan-lan-lu-green-50: #e9fdda;
--color-gan-lan-lu-green-100: #d9f1c8;
--color-gan-lan-lu-green-200: #c1e0ab;
--color-gan-lan-lu-green-300: #a1c584;
--color-gan-lan-lu-green-400: #87ad5e;
--color-gan-lan-lu-green-500: #6b9537;
--color-gan-lan-lu-green-600: #5b7e30;
--color-gan-lan-lu-green-700: #496526;
--color-gan-lan-lu-green-800: #364a18;
--color-gan-lan-lu-green-900: #253310;
--color-gan-lan-lu-green-950: #141f03;
}SCSS
$gan-lan-lu-green: #658b38;
$gan-lan-lu-green-rgb: 101, 139, 56;
$gan-lan-lu-green-light: mix(#fff, $gan-lan-lu-green, 20%);
$gan-lan-lu-green-dark: mix(#000, $gan-lan-lu-green, 20%);
.element {
color: $gan-lan-lu-green;
box-shadow: 0 0 0 2px rgba($gan-lan-lu-green, 0.35);
}