色名 · #A4C08A
Green Herb
Green Herbは#A4C08A：rgb(164 192 138)、hsl(91 30% 65%)、oklch(0.773 0.08 130.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Green Herb color name →
#A4C08A
oklch(0.773 0.08 130.4)
カラー変換
- HEX
- #a4c08a
- RGB
- rgb(164 192 138)
- HSL
- hsl(91 30% 65%)
- HWB
- hwb(91 54% 25%)
- OKLCH
- oklch(0.773 0.08 130.4)
- OKLab
- oklab(0.773 -0.052 0.061)
- CIE Lab
- lab(74.56 -17.08 24.03)
- LCH
- lch(74.56 29.48 125.4)
- CMYK
- cmyk(15% 0% 28% 25%)
ティント · シェード · トーン
ティント
- ADC696
- B6CDA1
- BFD3AD
- C8D9B8
- D1DFC4
- DAE6D0
- E3ECDB
- ECF2E7
- F6F9F3
シェード
- 8EA777
- 798E65
- 647653
- 505F42
- 3D4932
- 2B3422
- 1A2014
- 0A0E07
- 010201
トーン
- A0B989
- 9DB389
- 99AD88
- 96A687
- 92A086
- 8E9985
- 8B9384
- 878D83
- 848681
カラーハーモニー
補色 +180°
- A4C08A
Green Herb
- C5A7DC
≈ Perfume
類似色 -30° +30°
- A4C08A
Green Herb
- C0B77B
≈ Slippery Moss
- 87C5A4
≈ Aqua Eden
トライアド +120° +240°
- A4C08A
Green Herb
- 8FB9E7
≈ Adrift on the Nile
- E3A0A9
≈ Berry Riche
スプリットコンプリメンタリー +150° +210°
- A4C08A
Green Herb
- ABB0E8
≈ Maximum Blue Purple
- D9A1C5
≈ Pastel Lavender
テトラード +90° +180° +270°
- A4C08A
Green Herb
- 78C1D9
≈ Ocean Horizon
- C5A7DC
≈ Perfume
- E2A48E
≈ Venetian Plaster
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.00:1 · APCA Lc 39
Ag
AAA黒の上
WCAG 10.48:1 · APCA Lc 64
最適な文字色: #000000
WCAG 10.48:1 (AAA) · APCA Lc 64
Contrast pairs
コードスニペット
CSS
:root {
--green-herb: #a4c08a;
--green-herb-rgb: 164 192 138;
--green-herb-oklch: oklch(0.773 0.08 130.4);
}
.element {
color: var(--green-herb);
background-color: hsl(91 30% 65%);
border-color: oklch(0.773 0.08 130.4);
}Tailwind CSS v4
@theme {
--color-green-herb: #a4c08a;
--color-green-herb-50: #edfae3;
--color-green-herb-100: #deeed3;
--color-green-herb-200: #c8dcb9;
--color-green-herb-300: #a8c196;
--color-green-herb-400: #8ea876;
--color-green-herb-500: #749158;
--color-green-herb-600: #627b4b;
--color-green-herb-700: #4f623b;
--color-green-herb-800: #3a4829;
--color-green-herb-900: #28321c;
--color-green-herb-950: #161e0c;
}SCSS
$green-herb: #a4c08a;
$green-herb-rgb: 164, 192, 138;
$green-herb-light: mix(#fff, $green-herb, 20%);
$green-herb-dark: mix(#000, $green-herb, 20%);
.element {
color: $green-herb;
box-shadow: 0 0 0 2px rgba($green-herb, 0.35);
}