最も近い色名 · #94B139
#94B139
最も近い色名: Limolicious
#94B139（rgb(148 177 57)、hsl(74 51% 46%)、oklch(0.715 0.148 122)）に最も近い色名はLimoliciousです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#94B139
oklch(0.715 0.148 122)
カラー変換
- HEX
- #94b139
- RGB
- rgb(148 177 57)
- HSL
- hsl(74 51% 46%)
- HWB
- hwb(74 22% 31%)
- OKLCH
- oklch(0.715 0.148 122)
- OKLab
- oklab(0.715 -0.078 0.126)
- CIE Lab
- lab(68.28 -22.87 54.98)
- LCH
- lch(68.28 59.55 112.6)
- CMYK
- cmyk(16% 0% 68% 31%)
ティント · シェード · トーン
ティント
- 9EB952
- A8C168
- B3C97C
- BDD190
- C8D9A3
- D3E0B5
- DDE8C8
- E9F0DA
- F4F7ED
シェード
- 809930
- 6D8328
- 5A6C1F
- 485717
- 364210
- 262F09
- 161C04
- 080C01
- 010100
トーン
- 92AC45
- 90A74F
- 8EA357
- 8C9E5F
- 8A9966
- 88946C
- 868F71
- 848A77
- 82857B
カラーハーモニー
補色 +180°
- 94B139
Limolicious
- B58BF0
≈ Lilac Geode
類似色 -30° +30°
- 94B139
Limolicious
- C49F00
≈ Molten Bronze
- 4DBD73
≈ Esmeralda
トライアド +120° +240°
- 94B139
Limolicious
- 39ACF7
≈ Adamantine Blue
- ED789C
≈ Embarrassed
スプリットコンプリメンタリー +150° +210°
- 94B139
Limolicious
- 839BFF
≈ Periwinkle Blue
- D87ECC
≈ Purple Kush
テトラード +90° +180° +270°
- 94B139
Limolicious
- 00B7D0
≈ Utopia Beckons
- B58BF0
≈ Lilac Geode
- F17C66
≈ Melon Refresher
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.43:1 · APCA Lc 48
Ag
AAA黒の上
WCAG 8.60:1 · APCA Lc 54
最適な文字色: #000000
WCAG 8.60:1 (AAA) · APCA Lc 54
Contrast pairs
コードスニペット
CSS
:root {
--limolicious: #94b139;
--limolicious-rgb: 148 177 57;
--limolicious-oklch: oklch(0.715 0.148 122);
}
.element {
color: var(--limolicious);
background-color: hsl(74 51% 46%);
border-color: oklch(0.715 0.148 122);
}Tailwind CSS v4
@theme {
--color-limolicious: #94b139;
--color-limolicious-50: #ecfdcf;
--color-limolicious-100: #ddf1bb;
--color-limolicious-200: #c7df99;
--color-limolicious-300: #a8c46d;
--color-limolicious-400: #90ac3c;
--color-limolicious-500: #779400;
--color-limolicious-600: #647d00;
--color-limolicious-700: #506400;
--color-limolicious-800: #3c4900;
--color-limolicious-900: #293300;
--color-limolicious-950: #171e00;
}SCSS
$limolicious: #94b139;
$limolicious-rgb: 148, 177, 57;
$limolicious-light: mix(#fff, $limolicious, 20%);
$limolicious-dark: mix(#000, $limolicious, 20%);
.element {
color: $limolicious;
box-shadow: 0 0 0 2px rgba($limolicious, 0.35);
}