Benannte Farbe · #6A9266
Blade Green
Blade Green ist #6A9266: rgb(106 146 102), hsl(115 18% 49%), oklch(0.618 0.079 142.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Blade Green color name →
#6A9266
oklch(0.618 0.079 142.3)
Farbumrechnungen
- HEX
- #6a9266
- RGB
- rgb(106 146 102)
- HSL
- hsl(115 18% 49%)
- HWB
- hwb(115 40% 43%)
- OKLCH
- oklch(0.618 0.079 142.3)
- OKLab
- oklab(0.618 -0.062 0.048)
- CIE Lab
- lab(56.7 -21.11 18.79)
- LCH
- lch(56.7 28.26 138.3)
- CMYK
- cmyk(27% 0% 30% 43%)
Tints · Shades · Tones
Tints
- 789D75
- 87A783
- 95B292
- A4BDA1
- B3C8B0
- C2D3C0
- D1DECF
- E0E9DF
- EFF4EF
Shades
- 5B7E58
- 4D6B4A
- 3F583C
- 31462F
- 243523
- 182517
- 0D160C
- 040804
- 000100
Tones
- 6D9069
- 6F8F6C
- 718D6E
- 748B71
- 768974
- 788776
- 7A8679
- 7C847B
- 7E827E
Farbharmonien
Komplementär +180°
- 6A9266
Blade Green
- 9C76A2
≈ Pishposh
Analog -30° +30°
- 6A9266
Blade Green
- 868B52
≈ Special Ops
- 4F9580
≈ Crisp Lettuce
Triadisch +120° +240°
- 6A9266
Blade Green
- 6C86B5
≈ Kimono
- B07370
≈ Red Gerbera
Geteilt komplementär +150° +210°
- 6A9266
Blade Green
- 877DB1
≈ Murex
- AB728A
≈ Mauve Orchid
Tetradisch +90° +180° +270°
- 6A9266
Blade Green
- 518EAD
≈ Sora Sky
- 9C76A2
≈ Pishposh
- AC7859
≈ Tobey Rattan
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.54:1 · APCA Lc 63
Ag
AAAuf Schwarz
WCAG 5.91:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 5.91:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--blade-green: #6a9266;
--blade-green-rgb: 106 146 102;
--blade-green-oklch: oklch(0.618 0.079 142.3);
}
.element {
color: var(--blade-green);
background-color: hsl(115 18% 49%);
border-color: oklch(0.618 0.079 142.3);
}Tailwind CSS v4
@theme {
--color-blade-green: #6a9266;
--color-blade-green-50: #e8fce7;
--color-blade-green-100: #d9efd8;
--color-blade-green-200: #c1dec0;
--color-blade-green-300: #9fc29f;
--color-blade-green-400: #84ab80;
--color-blade-green-500: #679463;
--color-blade-green-600: #587d54;
--color-blade-green-700: #466443;
--color-blade-green-800: #33492f;
--color-blade-green-900: #233320;
--color-blade-green-950: #121e0f;
}SCSS
$blade-green: #6a9266;
$blade-green-rgb: 106, 146, 102;
$blade-green-light: mix(#fff, $blade-green, 20%);
$blade-green-dark: mix(#000, $blade-green, 20%);
.element {
color: $blade-green;
box-shadow: 0 0 0 2px rgba($blade-green, 0.35);
}