色名 · #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);
}