Benannte Farbe · #909853
Totally Broccoli
Totally Broccoli ist #909853: rgb(144 152 83), hsl(67 29% 46%), oklch(0.657 0.093 114.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Totally Broccoli color name →
#909853
oklch(0.657 0.093 114.4)
Farbumrechnungen
- HEX
- #909853
- RGB
- rgb(144 152 83)
- HSL
- hsl(67 29% 46%)
- HWB
- hwb(67 33% 40%)
- OKLCH
- oklch(0.657 0.093 114.4)
- OKLab
- oklab(0.657 -0.038 0.085)
- CIE Lab
- lab(60.99 -10.96 35.06)
- LCH
- lch(60.99 36.73 107.4)
- CMYK
- cmyk(5% 0% 45% 40%)
Tints · Shades · Tones
Tints
- 9AA265
- A5AC76
- B0B687
- BBC198
- C6CBA9
- D1D5BA
- DCE0CB
- E8EADC
- F3F4ED
Shades
- 7D8447
- 6A703B
- 575C30
- 454A25
- 34381B
- 242711
- 151708
- 070802
- 010100
Tones
- 8E9659
- 8D935E
- 8B9163
- 898F68
- 888C6C
- 868A70
- 858775
- 838579
- 81837C
Farbharmonien
Komplementär +180°
- 909853
Totally Broccoli
- 9586C5
≈ Amethyst Grey
Analog -30° +30°
- 909853
Totally Broccoli
- AC8D4B
≈ Golden Years
- 6DA06D
≈ Blackthorn Green
Triadisch +120° +240°
- 909853
Totally Broccoli
- 539BC2
≈ Mountain Bluebird
- BE7995
≈ Benifuji
Geteilt komplementär +150° +210°
- 909853
Totally Broccoli
- 7591CB
≈ Organza Violet
- AE7EB1
≈ Heart Potion
Tetradisch +90° +180° +270°
- 909853
Totally Broccoli
- 3CA2AC
≈ Teal Essence
- 9586C5
≈ Amethyst Grey
- C47A75
≈ Antique Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.08:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.80:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.80:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--totally-broccoli: #909853;
--totally-broccoli-rgb: 144 152 83;
--totally-broccoli-oklch: oklch(0.657 0.093 114.4);
}
.element {
color: var(--totally-broccoli);
background-color: hsl(67 29% 46%);
border-color: oklch(0.657 0.093 114.4);
}Tailwind CSS v4
@theme {
--color-totally-broccoli: #909853;
--color-totally-broccoli-50: #f3f9db;
--color-totally-broccoli-100: #e5ecca;
--color-totally-broccoli-200: #d1daad;
--color-totally-broccoli-300: #b4be87;
--color-totally-broccoli-400: #9da564;
--color-totally-broccoli-500: #858d40;
--color-totally-broccoli-600: #707737;
--color-totally-broccoli-700: #5a602c;
--color-totally-broccoli-800: #43461d;
--color-totally-broccoli-900: #2e3013;
--color-totally-broccoli-950: #1b1c05;
}SCSS
$totally-broccoli: #909853;
$totally-broccoli-rgb: 144, 152, 83;
$totally-broccoli-light: mix(#fff, $totally-broccoli, 20%);
$totally-broccoli-dark: mix(#000, $totally-broccoli, 20%);
.element {
color: $totally-broccoli;
box-shadow: 0 0 0 2px rgba($totally-broccoli, 0.35);
}