色名 · #11AA44
Hanging Gardens of Babylon
Hanging Gardens of Babylonは#11AA44：rgb(17 170 68)、hsl(140 82% 37%)、oklch(0.645 0.184 147.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Hanging Gardens of Babylon color name →
#11AA44
oklch(0.645 0.184 147.6)
カラー変換
- HEX
- #11aa44
- RGB
- rgb(17 170 68)
- HSL
- hsl(140 82% 37%)
- HWB
- hwb(140 7% 33%)
- OKLCH
- oklch(0.645 0.184 147.6)
- OKLab
- oklab(0.645 -0.156 0.099)
- CIE Lab
- lab(61.04 -54.18 40.8)
- LCH
- lch(61.04 67.82 143)
- CMYK
- cmyk(90% 0% 60% 33%)
ティント · シェード · トーン
ティント
- 3FB358
- 5ABC6C
- 72C57E
- 88CD91
- 9CD6A3
- B1DEB5
- C4E7C8
- D8EFDA
- ECF7EC
シェード
- 0D933A
- 097D30
- 066826
- 04531D
- 023F14
- 012D0C
- 001B05
- 000B02
- 000100
トーン
- 2FA64C
- 3FA254
- 4C9E5A
- 569A61
- 5F9667
- 67926C
- 6E8E71
- 758976
- 7A857B
カラーハーモニー
補色 +180°
- 11AA44
Hanging Gardens of Babylon
- C65DC6
≈ Purple Urn Orchid
類似色 -30° +30°
- 11AA44
Hanging Gardens of Babylon
- 879900
≈ BioShock
- 00A58D
≈ Brilliant Turquoise
トライアド +120° +240°
- 11AA44
Hanging Gardens of Babylon
- 5D84FC
≈ Skinny Jeans
- E8554A
≈ Blazing
スプリットコンプリメンタリー +150° +210°
- 11AA44
Hanging Gardens of Babylon
- 9C6FED
≈ Forgotten Purple
- E0528E
≈ Raspberry Pink
テトラード +90° +180° +270°
- 11AA44
Hanging Gardens of Babylon
- 0098D9
≈ Atmosphere
- C65DC6
≈ Purple Urn Orchid
- D17100
≈ Autumn Maple
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.06:1 · APCA Lc 57
Ag
AA黒の上
WCAG 6.85:1 · APCA Lc 45
最適な文字色: #000000
WCAG 6.85:1 (AA) · APCA Lc 45
Contrast pairs
コードスニペット
CSS
:root {
--hanging-gardens-of-babylon: #11aa44;
--hanging-gardens-of-babylon-rgb: 17 170 68;
--hanging-gardens-of-babylon-oklch: oklch(0.645 0.184 147.6);
}
.element {
color: var(--hanging-gardens-of-babylon);
background-color: hsl(140 82% 37%);
border-color: oklch(0.645 0.184 147.6);
}Tailwind CSS v4
@theme {
--color-hanging-gardens-of-babylon: #11aa44;
--color-hanging-gardens-of-babylon-50: #d1ffd9;
--color-hanging-gardens-of-babylon-100: #bdfac7;
--color-hanging-gardens-of-babylon-200: #9aebaa;
--color-hanging-gardens-of-babylon-300: #6ad183;
--color-hanging-gardens-of-babylon-400: #3dbb5a;
--color-hanging-gardens-of-babylon-500: #00a430;
--color-hanging-gardens-of-babylon-600: #008b2b;
--color-hanging-gardens-of-babylon-700: #006f22;
--color-hanging-gardens-of-babylon-800: #005212;
--color-hanging-gardens-of-babylon-900: #00390c;
--color-hanging-gardens-of-babylon-950: #002301;
}SCSS
$hanging-gardens-of-babylon: #11aa44;
$hanging-gardens-of-babylon-rgb: 17, 170, 68;
$hanging-gardens-of-babylon-light: mix(#fff, $hanging-gardens-of-babylon, 20%);
$hanging-gardens-of-babylon-dark: mix(#000, $hanging-gardens-of-babylon, 20%);
.element {
color: $hanging-gardens-of-babylon;
box-shadow: 0 0 0 2px rgba($hanging-gardens-of-babylon, 0.35);
}