命名颜色 · #B8F818

Green Venom

Green Venom 即 #B8F818：rgb(184 248 24)、hsl(77 94% 53%)、oklch(0.903 0.227 126.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Green mean? → · Green Venom color name →

#B8F818

oklch(0.903 0.227 126.4)

颜色转换

HEX: #b8f818
RGB: rgb(184 248 24)
HSL: hsl(77 94% 53%)
HWB: hwb(77 9% 3%)
OKLCH: oklch(0.903 0.227 126.4)
OKLab: oklab(0.903 -0.135 0.183)
CIE Lab: lab(90.79 -40.21 83.73)
LCH: lch(90.79 92.88 115.6)
CMYK: cmyk(26% 0% 90% 3%)

浅色调 · 深色调 · 灰色调

浅色调

BFF94C
C6FB69
CDFC81
D4FD96
DBFDA9
E2FEBC
E9FFCD
F1FFDE
F8FFEF

深色调

A0D813
88B80F
719A0A
5B7C07
456004
314502
1E2C01
0C1500
020300

灰色调

B2EC3A
ADE04C
A7D459
A1C862
9CBC6A
96B070
91A476
8B987A
858C7D

配色和谐

互补色 +180°

B8F818
Green Venom
E9D5FF
≈ Rose Dragée

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

四角配色 +90° +180° +270°

对比度与无障碍

白底

WCAG 1.27:1 · APCA Lc 13

Fail

黑底

WCAG 16.47:1 · APCA Lc 91

AAA

最佳文字颜色: #000000

WCAG 16.47:1 (AAA) · APCA Lc 91

Contrast pairs

代码片段

CSS

:root {
  --green-venom: #b8f818;
  --green-venom-rgb: 184 248 24;
  --green-venom-oklch: oklch(0.903 0.227 126.4);
}

.element {
  color: var(--green-venom);
  background-color: hsl(77 94% 53%);
  border-color: oklch(0.903 0.227 126.4);
}

Tailwind CSS v4

@theme {
  --color-green-venom: #b8f818;
  --color-green-venom-50: #e2ffbd;
  --color-green-venom-100: #d1f7a5;
  --color-green-venom-200: #b7e779;
  --color-green-venom-300: #94cc39;
  --color-green-venom-400: #7cb400;
  --color-green-venom-500: #5f9c00;
  --color-green-venom-600: #518400;
  --color-green-venom-700: #406a00;
  --color-green-venom-800: #324d00;
  --color-green-venom-900: #223600;
  --color-green-venom-950: #112000;
}

SCSS

$green-venom: #b8f818;
$green-venom-rgb: 184, 248, 24;
$green-venom-light: mix(#fff, $green-venom, 20%);
$green-venom-dark: mix(#000, $green-venom, 20%);

.element {
  color: $green-venom;
  box-shadow: 0 0 0 2px rgba($green-venom, 0.35);
}

相近的命名颜色

在工具中打开

取色器配色组合对比度检测 Studio JSON API