Benannte Farbe · #6A8561
Bladerunner
Bladerunner ist #6A8561: rgb(106 133 97), hsl(105 16% 45%), oklch(0.586 0.062 138). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Bladerunner color name →
#6A8561
oklch(0.586 0.062 138)
Farbumrechnungen
- HEX
- #6a8561
- RGB
- rgb(106 133 97)
- HSL
- hsl(105 16% 45%)
- HWB
- hwb(105 38% 48%)
- OKLCH
- oklch(0.586 0.062 138)
- OKLab
- oklab(0.586 -0.046 0.041)
- CIE Lab
- lab(52.67 -15.47 16.18)
- LCH
- lch(52.67 22.39 133.7)
- CMYK
- cmyk(20% 0% 27% 48%)
Tints · Shades · Tones
Tints
- 789170
- 869C7F
- 95A88E
- A3B49E
- B2C0AD
- C1CDBD
- D0D9CD
- E0E6DE
- EFF2EE
Shades
- 5B7353
- 4D6146
- 3F5039
- 31402D
- 243021
- 182115
- 0D130B
- 040603
- 000100
Tones
- 6C8564
- 6F8467
- 71846B
- 73836E
- 758371
- 778274
- 7A8277
- 7C817A
- 7E817D
Farbharmonien
Komplementär +180°
- 6A8561
Bladerunner
- 8C7194
≈ Wine Stroll
Analog -30° +30°
- 6A8561
Bladerunner
- 7F7F53
≈ Frond
- 568875
≈ Dark Jade
Triadisch +120° +240°
- 6A8561
Bladerunner
- 657DA1
≈ Smoky Violet
- 9E6D6E
≈ Fruitwood
Geteilt komplementär +150° +210°
- 6A8561
Bladerunner
- 7A769F
≈ Benimidori Purple
- 986D82
≈ Meadow Flower
Tetradisch +90° +180° +270°
- 6A8561
Bladerunner
- 538499
≈ Blue Moon Bay
- 8C7194
≈ Wine Stroll
- 9B715C
≈ Tangara
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.08:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 5.14:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.14:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--bladerunner: #6a8561;
--bladerunner-rgb: 106 133 97;
--bladerunner-oklch: oklch(0.586 0.062 138);
}
.element {
color: var(--bladerunner);
background-color: hsl(105 16% 45%);
border-color: oklch(0.586 0.062 138);
}Tailwind CSS v4
@theme {
--color-bladerunner: #6a8561;
--color-bladerunner-50: #ecfae9;
--color-bladerunner-100: #ddedda;
--color-bladerunner-200: #c7dbc2;
--color-bladerunner-300: #a7c0a2;
--color-bladerunner-400: #8da884;
--color-bladerunner-500: #729068;
--color-bladerunner-600: #617a58;
--color-bladerunner-700: #4d6246;
--color-bladerunner-800: #394732;
--color-bladerunner-900: #273122;
--color-bladerunner-950: #151d11;
}SCSS
$bladerunner: #6a8561;
$bladerunner-rgb: 106, 133, 97;
$bladerunner-light: mix(#fff, $bladerunner, 20%);
$bladerunner-dark: mix(#000, $bladerunner, 20%);
.element {
color: $bladerunner;
box-shadow: 0 0 0 2px rgba($bladerunner, 0.35);
}