命名颜色 · #B6FF1A

Sweet Venom

Sweet Venom 即 #B6FF1A：rgb(182 255 26)、hsl(79 100% 55%)、oklch(0.917 0.235 127.9)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

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

#B6FF1A

oklch(0.917 0.235 127.9)

颜色转换

HEX: #b6ff1a
RGB: rgb(182 255 26)
HSL: hsl(79 100% 55%)
HWB: hwb(79 10% 0%)
OKLCH: oklch(0.917 0.235 127.9)
OKLab: oklab(0.917 -0.144 0.186)
CIE Lab: lab(92.65 -43.68 84.85)
LCH: lch(92.65 95.43 117.2)
CMYK: cmyk(29% 0% 90% 0%)

浅色调 · 深色调 · 灰色调

浅色调

BDFF4D
C5FF6B
CCFF82
D3FF97
DBFFAB
E2FFBD
E9FFCE
F0FFDF
F8FFEF

深色调

9EDE15
86BE10
6F9E0C
598007
446304
304802
1D2E01
0C1600
020300

灰色调

B1F23B
ABE54D
A6D85A
A1CC64
9BBF6B
96B271
90A676
8B997A
858D7E

配色和谐

互补色 +180°

B6FF1A
Sweet Venom
EDDBFF
≈ Lavender Savour

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.21:1 · APCA Lc 10

Fail

黑底

WCAG 17.30:1 · APCA Lc 94

AAA

最佳文字颜色: #000000

WCAG 17.30:1 (AAA) · APCA Lc 94

Contrast pairs

代码片段

CSS

:root {
  --sweet-venom: #b6ff1a;
  --sweet-venom-rgb: 182 255 26;
  --sweet-venom-oklch: oklch(0.917 0.235 127.9);
}

.element {
  color: var(--sweet-venom);
  background-color: hsl(79 100% 55%);
  border-color: oklch(0.917 0.235 127.9);
}

Tailwind CSS v4

@theme {
  --color-sweet-venom: #b6ff1a;
  --color-sweet-venom-50: #dfffbc;
  --color-sweet-venom-100: #cef8a4;
  --color-sweet-venom-200: #b3e878;
  --color-sweet-venom-300: #8fce36;
  --color-sweet-venom-400: #75b500;
  --color-sweet-venom-500: #579e00;
  --color-sweet-venom-600: #4a8500;
  --color-sweet-venom-700: #3b6b00;
  --color-sweet-venom-800: #2e4e00;
  --color-sweet-venom-900: #1f3600;
  --color-sweet-venom-950: #0f2100;
}

SCSS

$sweet-venom: #b6ff1a;
$sweet-venom-rgb: 182, 255, 26;
$sweet-venom-light: mix(#fff, $sweet-venom, 20%);
$sweet-venom-dark: mix(#000, $sweet-venom, 20%);

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

相近的命名颜色

在工具中打开

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