이름 색상 · #94B44C
Venus Flytrap
Venus Flytrap은(는) #94B44C: rgb(148 180 76), hsl(78 41% 50%), oklch(0.724 0.137 124.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Venus Flytrap color name →
#94B44C
oklch(0.724 0.137 124.1)
색상 변환
- HEX
- #94b44c
- RGB
- rgb(148 180 76)
- HSL
- hsl(78 41% 50%)
- HWB
- hwb(78 30% 29%)
- OKLCH
- oklch(0.724 0.137 124.1)
- OKLab
- oklab(0.724 -0.077 0.113)
- CIE Lab
- lab(69.29 -23.17 48.06)
- LCH
- lch(69.29 53.36 115.7)
- CMYK
- cmyk(18% 0% 58% 29%)
틴트 · 셰이드 · 톤
틴트
- 9EBC61
- A8C374
- B3CB86
- BDD297
- C8DAA9
- D3E1BA
- DEE9CB
- E9F0DD
- F4F8EE
셰이드
- 809C41
- 6D8536
- 5A6E2C
- 485822
- 364418
- 26300F
- 161D06
- 080C02
- 010200
톤
- 92AF54
- 90AA5B
- 8EA561
- 8C9F67
- 8A9A6C
- 889570
- 869075
- 848B79
- 82857D
색 조화
보색 +180°
- 94B44C
Venus Flytrap
- B98FEB
≈ Luminous Lavender
유사색 -30° +30°
- 94B44C
Venus Flytrap
- C2A429
≈ Pickle Juice
- 55BF7E
≈ Heart Chakra
삼각 배색 +120° +240°
- 94B44C
Venus Flytrap
- 4FAEF5
≈ Adamantine Blue
- EC7F9C
≈ Iced Berry
분열 보색 +150° +210°
- 94B44C
Venus Flytrap
- 8C9EFB
≈ Periwinkle Blue
- D984C9
≈ Pink Punk
사각 배색 +90° +180° +270°
- 94B44C
Venus Flytrap
- 00BAD6
≈ Maldives
- B98FEB
≈ Luminous Lavender
- EE846B
≈ Peachy Feeling
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.36:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 8.89:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 8.89:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--venus-flytrap: #94b44c;
--venus-flytrap-rgb: 148 180 76;
--venus-flytrap-oklch: oklch(0.724 0.137 124.1);
}
.element {
color: var(--venus-flytrap);
background-color: hsl(78 41% 50%);
border-color: oklch(0.724 0.137 124.1);
}Tailwind CSS v4
@theme {
--color-venus-flytrap: #94b44c;
--color-venus-flytrap-50: #ebfdd3;
--color-venus-flytrap-100: #dcf1c0;
--color-venus-flytrap-200: #c6dfa0;
--color-venus-flytrap-300: #a6c476;
--color-venus-flytrap-400: #8eac4a;
--color-venus-flytrap-500: #73940e;
--color-venus-flytrap-600: #627d13;
--color-venus-flytrap-700: #4e6410;
--color-venus-flytrap-800: #3b4905;
--color-venus-flytrap-900: #283304;
--color-venus-flytrap-950: #161e00;
}SCSS
$venus-flytrap: #94b44c;
$venus-flytrap-rgb: 148, 180, 76;
$venus-flytrap-light: mix(#fff, $venus-flytrap, 20%);
$venus-flytrap-dark: mix(#000, $venus-flytrap, 20%);
.element {
color: $venus-flytrap;
box-shadow: 0 0 0 2px rgba($venus-flytrap, 0.35);
}