이름 색상 · #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