이름 색상 · #C6EC7A
Venomous Sting
Venomous Sting은(는) #C6EC7A: rgb(198 236 122), hsl(80 75% 70%), oklch(0.892 0.148 124.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Venomous Sting color name →
#C6EC7A
oklch(0.892 0.148 124.5)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- CCEE89
- D1F098
- D7F2A6
- DCF4B3
- E2F6C0
- E8F8CD
- EEFADA
- F3FCE6
- F9FDF3
셰이드
- ACCD69
- 92AF59
- 7A9249
- 62763A
- 4B5B2B
- 35421D
- 212910
- 0E1305
- 020301
톤
- BFE17C
- B8D67E
- B0CB80
- A9C081
- A2B582
- 9BAA82
- 94A082
- 8D9582
- 878B81
색 조화
보색 +180°
- C6EC7A
Venomous Sting
- E5D1FF
≈ Mousse aux Pruneaux
유사색 -30° +30°
- C6EC7A
Venomous Sting
- FBDA5B
≈ Yellow Stagshorn
- 84F8AF
≈ Esper’s Fungus Green
삼각 배색 +120° +240°
- C6EC7A
Venomous Sting
- BDE0FF
≈ Dithered Sky
- FFCCD6
≈ Sweet Sixteen
분열 보색 +150° +210°
- C6EC7A
Venomous Sting
- D0D9FF
≈ Icy Plains
- FFC7F2
≈ Rosy Maple Moth
사각 배색 +90° +180° +270°
- C6EC7A
Venomous Sting
- 95EBFF
≈ Alpine Expedition
- E5D1FF
≈ Mousse aux Pruneaux
- FFCEC2
≈ Crystal Coral
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.33:1 · APCA Lc 17
Ag
AAA검은색 위
WCAG 15.68:1 · APCA Lc 87
가장 좋은 글자색: #000000
WCAG 15.68:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
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);
}