最も近い色名 · #4A8950
#4A8950
最も近い色名: Beanpole
#4A8950（rgb(74 137 80)、hsl(126 30% 41%)、oklch(0.573 0.108 146.1)）に最も近い色名はBeanpoleです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#4A8950
oklch(0.573 0.108 146.1)
カラー変換
- HEX
- #4a8950
- RGB
- rgb(74 137 80)
- HSL
- hsl(126 30% 41%)
- HWB
- hwb(126 29% 46%)
- OKLCH
- oklch(0.573 0.108 146.1)
- OKLab
- oklab(0.573 -0.09 0.06)
- CIE Lab
- lab(51.77 -30.79 24.01)
- LCH
- lch(51.77 39.05 142)
- CMYK
- cmyk(46% 0% 42% 46%)
ティント · シェード · トーン
ティント
- 5C9561
- 6EA072
- 80AC83
- 92B794
- A4C3A5
- B6CFB7
- C8DBC8
- DAE7DA
- ECF3ED
シェード
- 3F7644
- 356439
- 2A532E
- 204224
- 17311A
- 0E2210
- 061407
- 020702
- 000100
トーン
- 518855
- 57885A
- 5D875F
- 628664
- 688569
- 6D846E
- 728372
- 778277
- 7B817C
カラーハーモニー
補色 +180°
- 4A8950
Beanpole
- 99609A
≈ Heath Spotted Orchid
類似色 -30° +30°
- 4A8950
Beanpole
- 75802C
≈ Pacifika
- 008C76
≈ Emerald Enchantment
トライアド +120° +240°
- 4A8950
Beanpole
- 5A76B8
≈ Blue Android Base
- AF5D56
≈ Pottery Red
スプリットコンプリメンタリー +150° +210°
- 4A8950
Beanpole
- 7E6AB0
≈ Clear Mauve
- AA5B7A
≈ Indian Pink
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 4.21:1 · APCA Lc 69
Ag
AA黒の上
WCAG 4.98:1 · APCA Lc 33
最適な文字色: #000000
WCAG 4.98:1 (AA) · APCA Lc 33
Contrast pairs
コードスニペット
CSS
:root {
--beanpole: #4a8950;
--beanpole-rgb: 74 137 80;
--beanpole-oklch: oklch(0.573 0.108 146.1);
}
.element {
color: var(--beanpole);
background-color: hsl(126 30% 41%);
border-color: oklch(0.573 0.108 146.1);
}Tailwind CSS v4
@theme {
--color-beanpole: #4a8950;
--color-beanpole-50: #e1fee4;
--color-beanpole-100: #d0f2d4;
--color-beanpole-200: #b6e2bb;
--color-beanpole-300: #91c798;
--color-beanpole-400: #73b077;
--color-beanpole-500: #529959;
--color-beanpole-600: #46814c;
--color-beanpole-700: #38683c;
--color-beanpole-800: #294c29;
--color-beanpole-900: #1c351c;
--color-beanpole-950: #0c200c;
}SCSS
$beanpole: #4a8950;
$beanpole-rgb: 74, 137, 80;
$beanpole-light: mix(#fff, $beanpole, 20%);
$beanpole-dark: mix(#000, $beanpole, 20%);
.element {
color: $beanpole;
box-shadow: 0 0 0 2px rgba($beanpole, 0.35);
}