Benannte Farbe · #06470C
Borg Drone
Borg Drone ist #06470C: rgb(6 71 12), hsl(126 84% 15%), oklch(0.347 0.108 143.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Borg Drone color name →
#06470C
oklch(0.347 0.108 143.8)
Farbumrechnungen
- HEX
- #06470c
- RGB
- rgb(6 71 12)
- HSL
- hsl(126 84% 15%)
- HWB
- hwb(126 2% 72%)
- OKLCH
- oklch(0.347 0.108 143.8)
- OKLab
- oklab(0.347 -0.087 0.064)
- CIE Lab
- lab(25.5 -29.76 27.59)
- LCH
- lch(25.5 40.58 137.2)
- CMYK
- cmyk(92% 0% 83% 72%)
Tints · Shades · Tones
Tints
- 255826
- 3D693C
- 547B53
- 6B8D6A
- 839F81
- 9BB29A
- B3C5B2
- CCD8CB
- E5EBE5
Shades
- 043D09
- 033206
- 022804
- 011F03
- 011602
- 000D01
- 000600
- 000200
- 000000
Tones
- 194D1B
- 275327
- 335832
- 3E5E3D
- 496448
- 546A53
- 5F6F5E
- 6A7569
- 757A75
Farbharmonien
Komplementär +180°
- 06470C
Borg Drone
- 542259
≈ Kuwanomi Purple
Analog -30° +30°
- 06470C
Borg Drone
- 3A3E00
≈ Dark Olive
- 004537
≈ UP Forest Green
Triadisch +120° +240°
- 06470C
Borg Drone
- 1B3671
≈ Atlantic Navy
- 671B1C
≈ Bloodlust
Geteilt komplementär +150° +210°
- 06470C
Borg Drone
- 3E2B6B
≈ Her Highness
- 611B3E
≈ Soul Anchor
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.96:1 · APCA Lc 95
Ag
FailAuf Schwarz
WCAG 1.91:1 · APCA Lc 8
Beste Textfarbe: #FFFFFF
WCAG 10.96:1 (AAA) · APCA Lc 95
Contrast pairs
Code-Snippets
CSS
:root {
--borg-drone: #06470c;
--borg-drone-rgb: 6 71 12;
--borg-drone-oklch: oklch(0.347 0.108 143.8);
}
.element {
color: var(--borg-drone);
background-color: hsl(126 84% 15%);
border-color: oklch(0.347 0.108 143.8);
}Tailwind CSS v4
@theme {
--color-borg-drone: #06470c;
--color-borg-drone-50: #e2fee3;
--color-borg-drone-100: #d2f2d3;
--color-borg-drone-200: #b8e1b9;
--color-borg-drone-300: #94c796;
--color-borg-drone-400: #76af75;
--color-borg-drone-500: #569856;
--color-borg-drone-600: #4a8149;
--color-borg-drone-700: #3b673a;
--color-borg-drone-800: #2c4c28;
--color-borg-drone-900: #1d351b;
--color-borg-drone-950: #0d200b;
}SCSS
$borg-drone: #06470c;
$borg-drone-rgb: 6, 71, 12;
$borg-drone-light: mix(#fff, $borg-drone, 20%);
$borg-drone-dark: mix(#000, $borg-drone, 20%);
.element {
color: $borg-drone;
box-shadow: 0 0 0 2px rgba($borg-drone, 0.35);
}