Color con nombre · #B6FF1A
Sweet Venom
Sweet Venom es #B6FF1A: rgb(182 255 26), hsl(79 100% 55%), oklch(0.917 0.235 127.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Sweet Venom color name →
#B6FF1A
oklch(0.917 0.235 127.9)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- BDFF4D
- C5FF6B
- CCFF82
- D3FF97
- DBFFAB
- E2FFBD
- E9FFCE
- F0FFDF
- F8FFEF
Sombras
- 9EDE15
- 86BE10
- 6F9E0C
- 598007
- 446304
- 304802
- 1D2E01
- 0C1600
- 020300
Tonos
- B1F23B
- ABE54D
- A6D85A
- A1CC64
- 9BBF6B
- 96B271
- 90A676
- 8B997A
- 858D7E
Armonías de color
Complementario +180°
- B6FF1A
Sweet Venom
- EDDBFF
≈ Lavender Savour
Análogo -30° +30°
- B6FF1A
Sweet Venom
- FFE45F
≈ Fried Egg
- 90FFC1
≈ Lemon Gate
Triádico +120° +240°
- B6FF1A
Sweet Venom
- CFE7FF
≈ Veiling Waterfalls
- FFD8DE
≈ Satin Ribbon
Complementario dividido +150° +210°
- B6FF1A
Sweet Venom
- DDE2FF
≈ Stoic White
- FFD5F2
≈ Sweet Sachet
Tetrádico +90° +180° +270°
- B6FF1A
Sweet Venom
- B6EEFF
≈ Ice Effect
- EDDBFF
≈ Lavender Savour
- FFDBCF
≈ Soft Orange Bloom
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.21:1 · APCA Lc 10
Ag
AAASobre negro
WCAG 17.30:1 · APCA Lc 94
Mejor color de texto: #000000
WCAG 17.30:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmentos de código
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);
}