Benannte Farbe · #6A9D5D
Green Hornet
Green Hornet ist #6A9D5D: rgb(106 157 93), hsl(108 26% 49%), oklch(0.644 0.107 139.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Green Hornet color name →
#6A9D5D
oklch(0.644 0.107 139.4)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 79A76D
- 87B07D
- 96BA8D
- A5C49D
- B3CEAD
- C2D7BD
- D1E1CD
- E0EBDE
- F0F5EE
Shades
- 5B8850
- 4D7343
- 3F5F37
- 314C2A
- 243A1F
- 182814
- 0D180A
- 040903
- 000100
Tones
- 6D9A61
- 6F9765
- 729569
- 74926D
- 768F70
- 788C73
- 7A8977
- 7C867A
- 7E837D
Farbharmonien
Komplementär +180°
- 6A9D5D
Green Hornet
- AA77B6
≈ Bell Heather
Analog -30° +30°
- 6A9D5D
Green Hornet
- 92933F
≈ Bean Shoot
- 3AA282
≈ Klimt Green
Triadisch +120° +240°
- 6A9D5D
Green Hornet
- 658ECE
≈ Royal Regatta
- C67173
≈ Brandied Apricot
Geteilt komplementär +150° +210°
- 6A9D5D
Green Hornet
- 8C82CA
≈ Faraway Sky
- BD7197
≈ Benifuji
Tetradisch +90° +180° +270°
- 6A9D5D
Green Hornet
- 3899C1
≈ Fairy Tale Blue
- AA77B6
≈ Bell Heather
- C17950
≈ Rakuda Brown
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.18:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.59:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.59:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
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);
}