Benannte Farbe · #6B9362
Wakatake Green
Wakatake Green ist #6B9362: rgb(107 147 98), hsl(109 20% 48%), oklch(0.621 0.084 139.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Wakatake Green color name →
#6B9362
oklch(0.621 0.084 139.9)
Farbumrechnungen
- HEX
- #6b9362
- RGB
- rgb(107 147 98)
- HSL
- hsl(109 20% 48%)
- HWB
- hwb(109 38% 42%)
- OKLCH
- oklch(0.621 0.084 139.9)
- OKLab
- oklab(0.621 -0.064 0.054)
- CIE Lab
- lab(57.01 -21.72 21.4)
- LCH
- lch(57.01 30.49 135.4)
- CMYK
- cmyk(27% 0% 33% 42%)
Tints · Shades · Tones
Tints
- 799D71
- 88A880
- 96B38F
- A5BD9F
- B3C8AE
- C2D3BE
- D1DECE
- E0E9DE
- F0F4EF
Shades
- 5C7F54
- 4E6C47
- 3F593A
- 32472D
- 253621
- 182516
- 0D160B
- 040803
- 000100
Tones
- 6D9165
- 708F69
- 728E6C
- 748C6F
- 768A72
- 788875
- 7A8678
- 7C847A
- 7E827D
Farbharmonien
Komplementär +180°
- 6B9362
Wakatake Green
- 9D76A6
≈ Karma Chameleon
Analog -30° +30°
- 6B9362
Wakatake Green
- 898B4D
≈ Enough Is Enough
- 4C977E
≈ Crisp Lettuce
Triadisch +120° +240°
- 6B9362
Wakatake Green
- 6887B9
≈ Kimono
- B47171
≈ Terra Tone
Geteilt komplementär +150° +210°
- 6B9362
Wakatake Green
- 857EB6
≈ Murex
- AD718E
≈ Mauve Orchid
Tetradisch +90° +180° +270°
- 6B9362
Wakatake Green
- 4B90AF
≈ Sora Sky
- 9D76A6
≈ Karma Chameleon
- B07757
≈ Apricot Mix
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.51:1 · APCA Lc 63
Ag
AAAuf Schwarz
WCAG 5.97:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 5.97:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--wakatake-green: #6b9362;
--wakatake-green-rgb: 107 147 98;
--wakatake-green-oklch: oklch(0.621 0.084 139.9);
}
.element {
color: var(--wakatake-green);
background-color: hsl(109 20% 48%);
border-color: oklch(0.621 0.084 139.9);
}Tailwind CSS v4
@theme {
--color-wakatake-green: #6b9362;
--color-wakatake-green-50: #e8fce6;
--color-wakatake-green-100: #d9f0d6;
--color-wakatake-green-200: #c1debd;
--color-wakatake-green-300: #9fc39b;
--color-wakatake-green-400: #84ab7b;
--color-wakatake-green-500: #68945e;
--color-wakatake-green-600: #587d50;
--color-wakatake-green-700: #466440;
--color-wakatake-green-800: #34492c;
--color-wakatake-green-900: #23331e;
--color-wakatake-green-950: #121e0e;
}SCSS
$wakatake-green: #6b9362;
$wakatake-green-rgb: 107, 147, 98;
$wakatake-green-light: mix(#fff, $wakatake-green, 20%);
$wakatake-green-dark: mix(#000, $wakatake-green, 20%);
.element {
color: $wakatake-green;
box-shadow: 0 0 0 2px rgba($wakatake-green, 0.35);
}