Benannte Farbe · #788879
Brassica
Brassica ist #788879: rgb(120 136 121), hsl(124 6% 50%), oklch(0.609 0.029 146.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Brassica color name →
#788879
oklch(0.609 0.029 146.9)
Farbumrechnungen
- HEX
- #788879
- RGB
- rgb(120 136 121)
- HSL
- hsl(124 6% 50%)
- HWB
- hwb(124 47% 47%)
- OKLCH
- oklch(0.609 0.029 146.9)
- OKLab
- oklab(0.609 -0.024 0.016)
- CIE Lab
- lab(55.06 -8.32 6.02)
- LCH
- lch(55.06 10.27 144.1)
- CMYK
- cmyk(12% 0% 11% 47%)
Tints · Shades · Tones
Tints
- 859386
- 929F92
- 9FAA9F
- ACB6AC
- B9C2BA
- C7CEC7
- D5DAD5
- E3E6E3
- F1F3F1
Shades
- 677568
- 576358
- 485248
- 394139
- 2A312B
- 1D221D
- 101310
- 050605
- 010101
Tones
- 79877A
- 7A867A
- 7B867B
- 7B857C
- 7C847D
- 7D837D
- 7E827E
- 7E827F
- 7F817F
Farbharmonien
Komplementär +180°
- 788879
Brassica
- 8D7D8C
≈ Iced Orchid
Analog -30° +30°
- 788879
Brassica
- 818672
≈ Dollar
- 718982
≈ Misty Moor
Triadisch +120° +240°
- 788879
Brassica
- 7B8395
≈ Stowaway
- 947D7A
≈ Warplock Bronze Metal
Geteilt komplementär +150° +210°
- 788879
Brassica
- 848093
≈ Purpletone
- 927C83
≈ Purple Dove
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.75:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.59:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.59:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--brassica: #788879;
--brassica-rgb: 120 136 121;
--brassica-oklch: oklch(0.609 0.029 146.9);
}
.element {
color: var(--brassica);
background-color: hsl(124 6% 50%);
border-color: oklch(0.609 0.029 146.9);
}Tailwind CSS v4
@theme {
--color-brassica: #788879;
--color-brassica-50: #f0f8f1;
--color-brassica-100: #e2ebe3;
--color-brassica-200: #ccd8ce;
--color-brassica-300: #aebcaf;
--color-brassica-400: #94a395;
--color-brassica-500: #7a8c7b;
--color-brassica-600: #677668;
--color-brassica-700: #535f53;
--color-brassica-800: #3c453c;
--color-brassica-900: #293029;
--color-brassica-950: #171c17;
}SCSS
$brassica: #788879;
$brassica-rgb: 120, 136, 121;
$brassica-light: mix(#fff, $brassica, 20%);
$brassica-dark: mix(#000, $brassica, 20%);
.element {
color: $brassica;
box-shadow: 0 0 0 2px rgba($brassica, 0.35);
}