Named color · #C6EC7A
Venomous Sting
Venomous Sting is #C6EC7A: rgb(198 236 122), hsl(80 75% 70%), oklch(0.892 0.148 124.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Venomous Sting color name →
#C6EC7A
oklch(0.892 0.148 124.5)
Color conversions
- HEX
- #c6ec7a
- RGB
- rgb(198 236 122)
- HSL
- hsl(80 75% 70%)
- HWB
- hwb(80 48% 7%)
- OKLCH
- oklch(0.892 0.148 124.5)
- OKLab
- oklab(0.892 -0.084 0.122)
- CIE Lab
- lab(88.86 -25.82 50.48)
- LCH
- lch(88.86 56.7 117.1)
- CMYK
- cmyk(16% 0% 48% 7%)
Tints · Shades · Tones
Tints
- CCEE89
- D1F098
- D7F2A6
- DCF4B3
- E2F6C0
- E8F8CD
- EEFADA
- F3FCE6
- F9FDF3
Shades
- ACCD69
- 92AF59
- 7A9249
- 62763A
- 4B5B2B
- 35421D
- 212910
- 0E1305
- 020301
Tones
- BFE17C
- B8D67E
- B0CB80
- A9C081
- A2B582
- 9BAA82
- 94A082
- 8D9582
- 878B81
Color harmonies
Complementary +180°
- C6EC7A
Venomous Sting
- E5D1FF
≈ Mousse aux Pruneaux
Analogous -30° +30°
- C6EC7A
Venomous Sting
- FBDA5B
≈ Yellow Stagshorn
- 84F8AF
≈ Esper’s Fungus Green
Triadic +120° +240°
- C6EC7A
Venomous Sting
- BDE0FF
≈ Dithered Sky
- FFCCD6
≈ Sweet Sixteen
Split-complementary +150° +210°
- C6EC7A
Venomous Sting
- D0D9FF
≈ Icy Plains
- FFC7F2
≈ Rosy Maple Moth
Tetradic +90° +180° +270°
- C6EC7A
Venomous Sting
- 95EBFF
≈ Alpine Expedition
- E5D1FF
≈ Mousse aux Pruneaux
- FFCEC2
≈ Crystal Coral
Contrast & accessibility
Ag
FailOn white
WCAG 1.33:1 · APCA Lc 17
Ag
AAAOn black
WCAG 15.68:1 · APCA Lc 87
Best text color: #000000
WCAG 15.68:1 (AAA) · APCA Lc 87
Contrast pairs
Code snippets
CSS
:root {
--venomous-sting: #c6ec7a;
--venomous-sting-rgb: 198 236 122;
--venomous-sting-oklch: oklch(0.892 0.148 124.5);
}
.element {
color: var(--venomous-sting);
background-color: hsl(80 75% 70%);
border-color: oklch(0.892 0.148 124.5);
}Tailwind CSS v4
@theme {
--color-venomous-sting: #c6ec7a;
--color-venomous-sting-50: #eafed0;
--color-venomous-sting-100: #dbf2bc;
--color-venomous-sting-200: #c4e09b;
--color-venomous-sting-300: #a4c570;
--color-venomous-sting-400: #8bad41;
--color-venomous-sting-500: #719500;
--color-venomous-sting-600: #607e00;
--color-venomous-sting-700: #4c6500;
--color-venomous-sting-800: #3a4a00;
--color-venomous-sting-900: #273300;
--color-venomous-sting-950: #161f00;
}SCSS
$venomous-sting: #c6ec7a;
$venomous-sting-rgb: 198, 236, 122;
$venomous-sting-light: mix(#fff, $venomous-sting, 20%);
$venomous-sting-dark: mix(#000, $venomous-sting, 20%);
.element {
color: $venomous-sting;
box-shadow: 0 0 0 2px rgba($venomous-sting, 0.35);
}