色名 · #229922
Linderhof Garden
Linderhof Gardenは#229922：rgb(34 153 34)、hsl(120 64% 37%)、oklch(0.597 0.185 142.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Linderhof Garden color name →
#229922
oklch(0.597 0.185 142.8)
カラー変換
- HEX
- #229922
- RGB
- rgb(34 153 34)
- HSL
- hsl(120 64% 37%)
- HWB
- hwb(120 13% 40%)
- OKLCH
- oklch(0.597 0.185 142.8)
- OKLab
- oklab(0.597 -0.147 0.112)
- CIE Lab
- lab(55.37 -49.97 48.59)
- LCH
- lch(55.37 69.7 135.8)
- CMYK
- cmyk(78% 0% 78% 40%)
ティント · シェード · トーン
ティント
- 42A43F
- 5BAE57
- 71B86C
- 86C382
- 9ACD96
- AFD7AB
- C3E1C0
- D7EBD5
- EBF5EA
シェード
- 1C841C
- 167016
- 115D11
- 0B4A0B
- 073807
- 032703
- 011701
- 000800
- 000100
トーン
- 349732
- 41953E
- 4C9349
- 569052
- 5E8E5B
- 668B63
- 6D896A
- 748672
- 7A8379
カラーハーモニー
補色 +180°
- 229922
Linderhof Garden
- B151BE
≈ Ultraviolet Cryner
類似色 -30° +30°
- 229922
Linderhof Garden
- 818700
≈ Krypton Green
- 009578
≈ Pool Table
トライアド +120° +240°
- 229922
Linderhof Garden
- 4078EC
≈ Blue Öyster Cult
- D74348
≈ Faded Red
スプリットコンプリメンタリー +150° +210°
- 229922
Linderhof Garden
- 8663E1
≈ Medium Slate Blue
- CD4389
≈ Smitten
テトラード +90° +180° +270°
- 229922
Linderhof Garden
- 008ABC
≈ Mermaid Dreams
- B151BE
≈ Ultraviolet Cryner
- C36000
≈ Crema
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.71:1 · APCA Lc 64
Ag
AA黒の上
WCAG 5.64:1 · APCA Lc 37
最適な文字色: #000000
WCAG 5.64:1 (AA) · APCA Lc 37
Contrast pairs
コードスニペット
CSS
:root {
--linderhof-garden: #229922;
--linderhof-garden-rgb: 34 153 34;
--linderhof-garden-oklch: oklch(0.597 0.185 142.8);
}
.element {
color: var(--linderhof-garden);
background-color: hsl(120 64% 37%);
border-color: oklch(0.597 0.185 142.8);
}Tailwind CSS v4
@theme {
--color-linderhof-garden: #229922;
--color-linderhof-garden-50: #d5ffd5;
--color-linderhof-garden-100: #c2f9c2;
--color-linderhof-garden-200: #a2e9a3;
--color-linderhof-garden-300: #76d07a;
--color-linderhof-garden-400: #51b94d;
--color-linderhof-garden-500: #11a216;
--color-linderhof-garden-600: #168917;
--color-linderhof-garden-700: #136e13;
--color-linderhof-garden-800: #135105;
--color-linderhof-garden-900: #0c3804;
--color-linderhof-garden-950: #002300;
}SCSS
$linderhof-garden: #229922;
$linderhof-garden-rgb: 34, 153, 34;
$linderhof-garden-light: mix(#fff, $linderhof-garden, 20%);
$linderhof-garden-dark: mix(#000, $linderhof-garden, 20%);
.element {
color: $linderhof-garden;
box-shadow: 0 0 0 2px rgba($linderhof-garden, 0.35);
}