Warna bernama · #6A8561
Bladerunner
Bladerunner adalah #6A8561: rgb(106 133 97), hsl(105 16% 45%), oklch(0.586 0.062 138). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Green mean? → · Bladerunner color name →
#6A8561
oklch(0.586 0.062 138)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 789170
- 869C7F
- 95A88E
- A3B49E
- B2C0AD
- C1CDBD
- D0D9CD
- E0E6DE
- EFF2EE
Shade
- 5B7353
- 4D6146
- 3F5039
- 31402D
- 243021
- 182115
- 0D130B
- 040603
- 000100
Tone
- 6C8564
- 6F8467
- 71846B
- 73836E
- 758371
- 778274
- 7A8277
- 7C817A
- 7E817D
Harmoni warna
Komplementer +180°
- 6A8561
Bladerunner
- 8C7194
≈ Wine Stroll
Analog -30° +30°
- 6A8561
Bladerunner
- 7F7F53
≈ Frond
- 568875
≈ Dark Jade
Triadik +120° +240°
- 6A8561
Bladerunner
- 657DA1
≈ Smoky Violet
- 9E6D6E
≈ Fruitwood
Split-komplementer +150° +210°
- 6A8561
Bladerunner
- 7A769F
≈ Benimidori Purple
- 986D82
≈ Meadow Flower
Tetradik +90° +180° +270°
- 6A8561
Bladerunner
- 538499
≈ Blue Moon Bay
- 8C7194
≈ Wine Stroll
- 9B715C
≈ Tangara
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 4.08:1 · APCA Lc 68
Ag
AADi atas hitam
WCAG 5.14:1 · APCA Lc 34
Warna teks terbaik: #000000
WCAG 5.14:1 (AA) · APCA Lc 34
Contrast pairs
Cuplikan kode
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);
}