Colore con nome · #6A9D5D
Green Hornet
Green Hornet è #6A9D5D: rgb(106 157 93), hsl(108 26% 49%), oklch(0.644 0.107 139.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Green Hornet color name →
#6A9D5D
oklch(0.644 0.107 139.4)
Conversioni di colore
- HEX
- #6a9d5d
- RGB
- rgb(106 157 93)
- HSL
- hsl(108 26% 49%)
- HWB
- hwb(108 36% 38%)
- OKLCH
- oklch(0.644 0.107 139.4)
- OKLab
- oklab(0.644 -0.081 0.07)
- CIE Lab
- lab(59.93 -27.23 27.84)
- LCH
- lch(59.93 38.94 134.4)
- CMYK
- cmyk(32% 0% 41% 38%)
Tinte · Ombre · Toni
Tinte
- 79A76D
- 87B07D
- 96BA8D
- A5C49D
- B3CEAD
- C2D7BD
- D1E1CD
- E0EBDE
- F0F5EE
Ombre
- 5B8850
- 4D7343
- 3F5F37
- 314C2A
- 243A1F
- 182814
- 0D180A
- 040903
- 000100
Toni
- 6D9A61
- 6F9765
- 729569
- 74926D
- 768F70
- 788C73
- 7A8977
- 7C867A
- 7E837D
Armonie di colore
Complementare +180°
- 6A9D5D
Green Hornet
- AA77B6
≈ Bell Heather
Analogo -30° +30°
- 6A9D5D
Green Hornet
- 92933F
≈ Bean Shoot
- 3AA282
≈ Klimt Green
Triadico +120° +240°
- 6A9D5D
Green Hornet
- 658ECE
≈ Royal Regatta
- C67173
≈ Brandied Apricot
Complementare divisa +150° +210°
- 6A9D5D
Green Hornet
- 8C82CA
≈ Faraway Sky
- BD7197
≈ Benifuji
Tetradico +90° +180° +270°
- 6A9D5D
Green Hornet
- 3899C1
≈ Fairy Tale Blue
- AA77B6
≈ Bell Heather
- C17950
≈ Rakuda Brown
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.18:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.59:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.59:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--green-hornet: #6a9d5d;
--green-hornet-rgb: 106 157 93;
--green-hornet-oklch: oklch(0.644 0.107 139.4);
}
.element {
color: var(--green-hornet);
background-color: hsl(108 26% 49%);
border-color: oklch(0.644 0.107 139.4);
}Tailwind CSS v4
@theme {
--color-green-hornet: #6a9d5d;
--color-green-hornet-50: #e5fde1;
--color-green-hornet-100: #d5f1d0;
--color-green-hornet-200: #bbe0b6;
--color-green-hornet-300: #99c692;
--color-green-hornet-400: #7dae70;
--color-green-hornet-500: #5f9750;
--color-green-hornet-600: #518045;
--color-green-hornet-700: #406637;
--color-green-hornet-800: #304b25;
--color-green-hornet-900: #203419;
--color-green-hornet-950: #101f09;
}SCSS
$green-hornet: #6a9d5d;
$green-hornet-rgb: 106, 157, 93;
$green-hornet-light: mix(#fff, $green-hornet, 20%);
$green-hornet-dark: mix(#000, $green-hornet, 20%);
.element {
color: $green-hornet;
box-shadow: 0 0 0 2px rgba($green-hornet, 0.35);
}